React Native A guide for front end developers
Download as PPTX, PDF•0 likes•87 views
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.
React Native A guide 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