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

Foundation

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 @tanstack/react-query

3. Add an offline message

Ecosystem

The ecosystem is where you will learn how to use other libraries and frameworks.

View SlidesDownload Slides

1. VSCode extensions

2. ESLint and Prettier

3. TypeScript

4. UI component explorer with Storybook

5. Unit testing with Jest

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

Release

The releases will teach you how to publish your app to the Apple App Store and Google Play Store.

View SlidesDownload Slides

1. Release with Expo Application Services

2. Environment variable and configuration

3. Strategies for beta testing on real device

4. Deploy a Progressive Web App to production

Hackathon

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

Create a unique application