React Native for Designers

React Native is a popular Javascript framework that builds on top of React by using native components to create a real mobile app indistinguishable from one made using Xcode or Android Studio. The main difference with native development is that you get to use CSS, hot-reload, Javascript and other familiar techniques that the Web has grown over the past decades. Most importantly, you're building for both iOS and Android using the same codebase.

Course Files

1. React Native for Designers
2. Styled Components
3. Props and Icons
4. Static Data and Loop
5. States and Animations
6. Redux
7. Fetch API Data
8. Screens and Navigation
9. Passing Data
10. GraphQL with Contentful
11. HTML and Markdown
12. Adapting for iPad and Android
13. React Native Gestures
14. Advanced Gestures
15. Looping the Cards
16. Animated Transition
17. Managing Gestures
18. Input and Keyboard
19. Lottie Animation Files
20. Login and Alert
21. Firebase Authentification
22. Persistent Data
23. AsyncStorage with Redux
24. Publish to Android and iOS Bonus. Playing Video Bonus. Notifications Screen Bonus. Courses Screen

Install Node

Before starting, you'll need the Node package manager (NPM) for installing React and Expo. To install Node, you need to head to their site and download the version appropriate to your system. You can also install node using Homebrew (Mac only) if you prefer.

Install Xcode

If you're on a Mac, I highly recommend installing Xcode for the required Command Line Tools and for using the iOS Simulator. Xcode also comes with Git, which is wonderful for development.

Install Expo

Expo will allow us to have a development environment for creating our app. Go to Terminal and type this command and press Enter.

sudo npm install expo-cli --global

Go to their Quick Start guide for more detailed instructions.

Go to your new project's folder and start the environment.

expo start

Install Libraries

npm install