Download to read offline
Uploaded byArnold Camas
React Native A guide for front end developers
React Native is a framework for building native mobile apps using JavaScript and React. It allows developers to build iOS and Android apps using common React components and APIs. React Native uses native components and compiles directly to each platform's machine language, unlike other hybrid approaches. Developers can build React Native apps using familiar JavaScript syntax and tools while leveraging each platform's native capabilities.
More Related Content
Similar to React Native A guide for front end developers
React Native A guide for front end developers
- 1. React Native, AGuide 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’sbased 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 ReactNative Web Primitives React Native API <div> <View> <span> <Text> <li>, <ul> <Flatlist> <img> <Image> <input> <TextInput>
- 5. Javascript - Familiarize withES6 ( 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.