Our React Native Crash Course is Now Open Source

We decided to open source our official React Native Crash Course πŸš€πŸš€πŸš€

Dror Biran
Wix Engineering
3 min readMay 26, 2019

--

The React Native crash course 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

Here we start with helping you untangle the environment setup, learn basics or refresh your knowledge of JS, React, Git, etc. If you already feel comfortable with these subjects, you can jump straight ahead to the next section.

* Environment setup
* Intro to Git & GitHub
* JS
* React Native

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. Performance β€” Tools and Best Practice

Here is how our app will look like:

The final app

Why Did We Build This Course

The Mobile Guild at Wix consists of developers in various teams and multiple geo-locations, and growing rapidly.

If I’m a mobile developer at Wix, my team manages what I do, while the mobile guild mentors me how to do it. The guild is responsible for the methodologies and the best practices of how mobile developers work at Wix.

New guild members might come from different backgrounds (Native developers, Front end developers, or inexperienced juniors). We needed a way to provide every new guild member the toolset to start writing code and contributing to the wix mobile app quickly and in a unified way.

Nowadays, when a new developer joins the guild, no matter which team he is going to be a part of, his first task will be to complete the React Native Crash Course. During the course, he will build an app from scratch using all of the tools we are currently using in production. This way, when he’s assigned to his team, he will already hold the basic knowledge for writing production code.

Why did we decide to open source it?

Why not? We are one of the biggest teams in the world today using React Native and our app is one of the biggest React Native app out there. We feel that part of our responsibilities is to contribute to the React Native community, and the dev-community in general, helping other developers learn React Native and how to use our open source tools.

So what are you waiting for? Let us get started.πŸš€

--

--

Dror Biran
Wix Engineering

A Product manager and a Front-end React Native developer at Wix.com