Hello, there! The aim of this workshop is to get you up and running with React Native by building a real time chat app, while learning some core concepts along the way.
Work the tutorial at your own pace. The instructions below assume that you are comfortable with writing JavaScript and using npm
(or yarn
).
- Setting up development environment
- Code walkthrough
- Connect to chat server
- Get messages
- Render messages
- Styling the list
- Checkpoint
- Typing messages
- Sending messages
- Add a header
- Avatars
- Components (stretch goal)
- Navigation (stretch goal)
- Switch between channels (stretch goal)
- Edit name and avatar (stretch goal)
- Publish (stretch goal)
- React Native docs
- Built-in components
- React Native Express - A great guide for experienced JavaScript developers
- React (Native) Parts - React Native components from NPM
- React docs
- Expo docs
- Awesome React Native - More resources than you will ever have time to read!
- Navigation
- Other Built in Components
- Animations
- React Native without Expo
- Native Modules
- Testing
- AR / VR Viro
This workshop is the React 16.8 (hooks) version of React Native Chat Tutorial.