Starting out with React Native

UTG Peace Build Kanifing Campus, Kanifing, Kanifing, 00000

Starting out with React Native can be an exciting journey into the world of mobile app development. React Native is a popular framework created by Facebook that allows developers to build cross-platform mobile applications using JavaScript and React.

Feb 10, 12:00 – 2:00 PM

7
RSVP'd

RSVP Now

Key Themes

FirebaseMobile

About this event

Starting out with React Native can be an exciting journey into the world of mobile app development. React Native is a popular framework created by Facebook that allows developers to build cross-platform mobile applications using JavaScript and React. Here's a breakdown to guide you through the initial steps:

Understanding React Native: React Native is based on React, a JavaScript library for building user interfaces. It allows you to write code once and deploy it across multiple platforms, including iOS and Android. React Native uses native components instead of web components, resulting in apps that look and feel like native apps.

Setting up your development environment: Before you begin coding with React Native, you need to set up your development environment. This typically involves installing Node.js, npm (Node Package Manager), and a code editor such as Visual Studio Code or Atom. Additionally, you'll need to install the React Native CLI and platform-specific development tools like Xcode for iOS or Android Studio for Android.

Creating your first React Native app: Once your environment is set up, you can create your first React Native app using the React Native CLI. You'll use commands like react-native init MyApp to generate a new project. This will create a basic project structure with essential files and folders.

Understanding the project structure: Familiarize yourself with the project structure generated by React Native. Key files and folders include App.js (the entry point for your app), node_modules (where your project dependencies are installed), and android and ios folders (containing platform-specific code).

Writing your first components: React Native apps are built using components, which are reusable pieces of code that encapsulate a part of the user interface. Start by modifying the App.js file to create your first components. You can use JSX (JavaScript XML) syntax to write React Native components, which closely resemble HTML.

Running your app: You can run your React Native app on either an iOS or Android emulator/simulator or a physical device. Use commands like react-native run-ios or react-native run-android to start your app. This will build your app and launch it in the selected emulator or device.

Learning the basics of React Native development: As you continue your journey with React Native, delve deeper into its core concepts, including state management, props, navigation, styling, and handling user input. There are plenty of resources available online, including official documentation, tutorials, and community forums, to help you learn and troubleshoot.

Testing and debugging: Testing and debugging are essential parts of the development process. React Native provides tools like React Native Debugger, Expo, and Reactotron to help you debug your apps efficiently. Additionally, you can use testing libraries like Jest and Enzyme to write unit and integration tests for your components.

Deploying your app: Once you've built and tested your app, it's time to deploy it to the respective app stores (Google Play Store for Android and Apple App Store for iOS). Follow the platform-specific guidelines and requirements for app submission, including setting up app signing, creating app listings, and handling app updates.

Continuous learning and improvement: React Native is a constantly evolving framework, so it's essential to stay updated with the latest developments, best practices, and community trends. Keep experimenting with new features, libraries, and tools to enhance your skills and build better apps.

When

When

Saturday, February 10, 2024
12:00 PM – 2:00 PM UTC

Speakers

  • Alieu Ndimbalane

    ITG

    Software Engineer

  • Omar Jeng

    ZigTech

    Software Engineer

Facilitator

  • Muhammed Nget

    University of The Gambia

    GDSC Lead

Organizers

  • Muhammed Nget

    GDSC Lead

  • Kaddy Sowe

    Backend co-lead

  • Bamfa Ceesay

    Frontend co-lead

  • STEPS Keita

    ZigTech

    Frontend lead

  • Pa Modou Ann

    Planning and Management team lead

  • Ba Fanding Touray

    Mobile development team lead

  • Asiatou Touray

    Content and Social Media team lead

  • Cherno Alieu Cham

    Backend co-lead

  • Fatou Gaye

    None

    Backend team lead

  • Abdourahman Sheikh Jallow

    Mobile development co-lead

  • Prince Donkor

    Backend co-lead

  • Yusupha Kinteh

    Planning And Management Co-Lead

Contact Us