Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/flexbox/react-native-bootcamp

1 week, 20+ lessons, opinionated React Native Bootcamp for busy developers.
https://github.com/flexbox/react-native-bootcamp

coding-challenge expo expo-cli hackathon hackathon-project javascript learn-front-end learn-frontend learn-javascript learn-react-native learning-by-doing learning-exercise react react-coding-challenges react-native react-native-app react-navigation workshop workshop-materials workshops

Last synced: 1 day ago
JSON representation

1 week, 20+ lessons, opinionated React Native Bootcamp for busy developers.

Awesome Lists containing this project

README 

        
# React Native Bootcamp — A Curriculum for Beginners



> A series of **React Native coding challenges** with a variety of difficulties for busy developers.



I do `react-native` as a freelance since 2017 and I have 15+ years of experience shipping products with `JavaScript`. This bootcamp encapsulates all the problems I encounter in my daily job and all the things I wish I knew **before** starting my career as a React Native Developer.



My project-based pedagogy allows you to learn while building, a proven way for new skills to 'stick'.



📱 Hearty thanks to the [team behind expo](https://expo.dev/), the open-source platform for making universal native apps with React that run on Android, iOS, and the web.



🎨 Thanks as well to all the `react-native-paper` contributors for their easy to use UI library.



🙏 Special thanks to [Alex Lobera](https://github.com/alexlbr), [Horacio Herrera](https://twitter.com/hhg2288), [William Candillon](https://github.com/wcandillon), [Satyajit Sahoo](https://github.com/satya164), [Tanner Linsley](https://github.com/tannerlinsley), [Brent Vatne](https://github.com/brentvatne).



---



## Getting Started



**Students**, to follow this bootcamp, you need to **[complete the onboarding form](https://davidl.fr/bootcamp)**.



Challenge after challenge, you are going to build this mobile appliction to buy Star Wars space ships using `TypeScript`, `expo`, `react-native` and `react-query`.



> To support my work, I recommend downloading my [React Native Book about the ecosystem](https://gum.co/road-react-native).






## Pedagogy



I have chosen two pedagogical tenets while building this curriculum: ensuring that it is hands-on **project-based**, with **up-to-date dependencies** and that it **includes frequent quizzes**. In addition, this curriculum has a common theme —create a mobile app with real API— to give it cohesion.



> If you encounter an issue, [feel free to contribute](https://github.com/flexbox/react-native-workshop/issues/new), I welcome your constructive feedback!



## Each lesson includes



- lecture

- written lesson

- step-by-step guides

- a challenge

- bonus challenges



## Projects



A list of projects done during the hackathon day:



1. [spacecraft](./hackathon/spacecraft/) _with `react-query`_

1. [newsfeed](./hackathon/newsfeed/) _with getstream API_

1. [jimmy-punchline](./hackathon/jimmy-punchline/) _with genius API_

1. [nerd-fm](./hackathon/nerd-fm/) _with `expo-av` to play music_

1. [and more](./hackathon/)



## Community



💬 Join us on [Slack](https://join.slack.com/t/infiniteredcommunity/shared_invite/zt-1f137np4h-zPTq_CbaRFUOR_glUFs2UA) to discuss.



⭐️ Help us out by [starring on GitHub](https://github.com/flexbox/react-native-bootcamp), filing bug reports in [issues](https://github.com/flexbox/react-native-bootcamp/issues) with questions or proposals.



👥 Follow `flexbox_` on [Twitter](https://twitter.com/intent/follow?screen_name=flexbox_) for more updates.



## Was this helpful?



☕️ [Leaving a tip helps me a lot!](https://github.com/sponsors/flexbox?frequency=one-time&sponsor=flexbox)