Welcome

We are going to learn how to build your idea with React Native, a JavaScript framework to develop application for Android, Windows, iOS, macOS, Web and even TVs!

Setup

Start here! This is where you will get oriented, set up your work environment, and get ready to succeed as a React Native developer.

Getting ready for the workshop

Foundations

The foundational skills you'll need to create your first components with React Native and use a UI library called react-native-paper.

View SlidesDownload SlidesVideo 🇫🇷

1. Code from the cloud with Expo Snack

2. Code on your laptop with VSCode

3. Scroll on mobile

4. Render a list of data

5. Folder structure

Data Layer

The data layer is where you will store your data and connect it to your UI.

View SlidesDownload Slides

1. How to debug with React Native

2. Data fetching using react-query

3. Add an offline message

React Navigation

The React Navigation library is a navigation system for React Native.

View SlidesDownload Slides

1. Stack Navigator

2. Passing datas though Screens

3. Auth flow

4. Custom navigation design

Hackathon

The hackathon is a fun way to learn and share your knowledge.

Create a unique application