a guideline for learning react native for front end developers

1. React Native, A Guide for
front end developers
Arnold Camas

2. About me
- Name : Arnold Camas
- Work: Howsy
- Position: “Mobile Developer”
Topic
- What is React Native?
- React Native API & web stuff
- Javascript stuff
- Styling stuff
- Tools and debugging stuff

3. React Native
- It’s based on React, Facebook’s JavaScript library for building user
interfaces.
- Unlike other “hybrid” mobile app solutions, it uses native components that
compile directly to the device’s own machine language.
- Build native apps for both iOS and Android
- Majority of your React Native code is just plain good ole JavaScript.

4. Web and React Native
Web Primitives React Native API
<div> <View>
<span> <Text>
<li>, <ul> <Flatlist>
<img> <Image>
<input> <TextInput>

5. Javascript
- Familiarize with ES6 ( Importing Modules , let and const, Destructuring, Fat arrow ,etc…)
How does styling work?
- Layout is done with Flexbox
- Based on CSS Styles
- Objects
- Inline
- CamelCase
( https://css-tricks.com/snippets/css/a-guide-to-flexbox/ )

6. Tools/IDE
- Snack (https://snack.expo.io/ )
- XCode (Mac)
- Android Studio (Windows and Mac)
- VSCode
Debugging
- React-native-debugger (https://github.com/jhen0409/react-native-debugger)

7. Community
- Docs: (https://facebook.github.io/react-native/docs/getting-started)
- Discord: Reactiflux (https://www.reactiflux.com/)
- Reddit : r/reactnative /reactjs
- Facebook (https://www.facebook.com/groups/react.native.community)
Frameworks
- NativeBase (https://nativebase.io/)
- React Native Elements (https://react-native-training.github.io/react-native-elements/)

8. THANKS