/react-native-crash-course

The React Native crash course by Wix is a self-learning course designed to help you learn everything you need to know before diving into writing production code in React Native.

Primary LanguageJavaScript

React Native Crash Course by Wix

The React Native crash course by Wix is a self-learning course designed to help you learn everything you need to know before diving into writing production code in React Native. This course is part of the official onboarding plan for every new developer joining the Wix Mobile Guild.

The course is divided into 2 sections:

1. Learn the basics

Helps you untangle the environment setup, learn basics or refresh your knowledge of JS, React, Node, Git, etc. If you already feel comfortable with these subjects, you can jump straight into the next section.

2. Build your first app

This step-by-step guide will teach you about the best practices and open source tools we are using at Wix and will guide you through building a simple blog app.

  1. Intro
  2. Build the app navigation (with React-native-navigation)
  3. Adding the app business logic and state management (with Remx)
  4. Style the app (with react-native-ui-lib)
  5. Add e2e tests (with Detox)
  6. Add unit tests (with Jest)
  7. Adding a Native Module
  8. Using shono
  9. Performance - Tools and Best Practice

Here is how our app will look like:

The app that we are going to build

Let's start. 🚀

Note: The most important thing about any course, is to keep it up to date. We encourage the old Scout's rule: "Leave the campground cleaner than you found it". If you find any issues or out of date content, please send us a pull request or open an issue we will take care of it. Thanks!

We are always working on improving the course content and we would love to get your feedback.

How To Run the App

npm install
npm run fake-server
react-native run-ios / run-android
  • prerequisites:
    • npm json-server package
    • ios simulator - Hardware -> Keyboard -> Toggle Software Keyboard

How To Run the Tests

npm run start-e2e
npm run test