Advanced React Native Trainings

Getting convidence using React Native 💯 for your future project! This is quite high barrier

Improved productivity with the practical 🤓 use of the power 💪 of React Native

Before You Start

We've used this repo to teach about Advanced React Native concept. We've branched the repo for each one of them. Reference those branches based on what you're following along with:

• Video Training: coming soon

To checkout that branch run: git checkout <branch name>. From there on you should be good.

You may also want to check out the Changes section in the README below.

Welcome

By coding along with us in this workshop you’ll:

• Seting up tools for modern development using JS using Flow, ESLint, and Prettier.
• Learn how type your React Native component using Flow
• Learn different way to costruct React Component (eg: HoC, Render Props, React Children, and React Context)
• Testing your business logic and React Component using Jest
• Understanding different way to route your application using React Navigation v2.
• Understand how to compose your routing using Stack Navigator, Tab Navigator, and combine those two
• Learn about Redux and state management in general with just plain React.
• Deep dive into Redux Saga
• Incremental adaptation of Graphql
• Learn to use Apollo Graphql

Workshop workflow

The workflow of this workshop is fairly simple and based on Make It Stick methodologies:

1. Learn a few concepts via demos
2. Apply the concepts via exercises
3. Write down three core concepts you learned and provide feedback on the exercise (elaboration and reflection)

Project

System Requirements

• git v2.10.2 or greater
• NodeJS v6.9.5 or greater
• yarn v0.20.3 or greater (or npm v4.2.0 or greater)
• react-native-cli v2.0.1 or greater All of these must be available in your PATH. To verify things are set up properly, you can run this:

git --version
node --version
yarn --version

If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.

Setup

After you've made sure to have the correct things (and versions) installed, you should be able to just run a few commands to get set up:

$ git clone https://github.com/frontend-craftsmanship/advanced-react-native-training.git
$ cd advanced-react-native-training

This may take a few minutes. If you get any errors, please read the error output and see whether there's any instructions to fix things and try again. If you're still getting errors or need any help at all, then please file an issue.

If this finishes without issues, great 👏! However, if you have problems, please file an issue on this repo here.

Note on yarn

If you don't have yarn installed and don't want to use it for some reason, you can use npm as well. Instead of yarn start setup, run node ./scripts/install && npm start validate and enjoy waiting (and hopefully things don't break for you). May be a good idea to still run node ./scripts/verify to verify you have the right version of other things too.

Running the workshop

To run the workshop, please go to specific branch. It goes lineary from 01 - the last.

$ yarn install
<!-- to start development using ios simulator -->
$ yarn ios
<!-- to start development using android simulator -->
$ yarn android

Contributing

If you have any questions, let me know.

Changes

The community and tools move fast. Here's a list of changes since I first gave this workshop:

Contributors

Thanks goes to these wonderful people and thanks for Kent C Dodds for his open source, and this Readme template is coming from his training repo.

Juang Wiantoro	Ronaldo Vitto Lewerissa	Dominggus Octovianus

This project follows the all-contributors specification. Contributions of any kind welcome!

LICENSE

MIT