React Native
React for Mobile Development
Created by Khotam Bakhromov special for RSSchool
What we cover
- React Fundamentals
- What is React Native?
- How it works?
- Pros and Cons of RN
React Fundamentals
- JavaScript library for building user interfaces
- Developed by Facebook in 2013
- Simplifies ui to:
(state) => ui - Uses Virtual DOM
- Encourages nested components
Nesting components
JSX Example
Transpiled JSX
3 ways to write React Components
React Native
- React - for mobile development
- Developed by Facebook in 2015
- Learn once, write everywhere
- Development of truly native apps with JavaScript
- No CSS :(
React Native App
Android vs iOS vs RN
Just React, but for mobile
How it works?
More...
More...
Styling in React Native
Pros and Cons
Pros
- Fast Development and Application
- One code, multiple platforms
- Hot reloading
- Smaller teams
- Simplified UI
Cons
- Less Smooth Navigation
- Lack of Some Custom Modules
- Native Developers Still Needed
- Flutter...
Thanks for your attention
Feel free to ask your questions
Reference list
- Academind (React Native Crash Course)
- React.js
- React Native (go there to creat your first React Native app)
- Understanding ES6, React, React Native, & Redux by Tim Buckley