React-Native Bucket List

Basic HTML

CSS

• CSS basic
• Layouts
  • Grid
  • Box Model
  • Flex-Box

Javascript

• Objects
• Functions and Arrow Functions
• Arrays and array methods
  • map()
  • filter()
  • reduce()
  • every()
  • some()
  • find()
  • foreach()
• Destructuring
• Template literals
• Ternary Operators
• ES Modules and Import / Export Syntax

ReactJS

• JSX
• Component
  • Class
  • Functional
• Props vs State
• Conditional Rendering
• Component Life Cycles
• List and Keys
• Hooks
  • useState()
  • useEffect()
  • useRef()
  • Advance Hooks
    • useMemo()
    • useReducer()
    • useContext()
  • Creating own hooks
• Context
• Refs
• Higher Order Components
• Reference

React Eco-System

• Form Libraries
  • Formik + Yup
  • React-Hook-Forms
• Testing
  • Jest
  • Cypress
  • React Testing library
• State Management
  • Redux
  • MobX
  • Context
• API Calling
  • Fetch
  • Axios

React-Native

• Core Components
  • View
  • Text
  • Flatlist
  • Image
  • TextInput
  • ScrollView
  • Stylesheet
  • Touchables

Navigations

• Tab
• Stack
• Drawer

Animations

• Animated by React-Native
• Re-Animated

Firebase

• Authentication
• Firestore
• Crashlytics
• Cloud Messaging
• Remote Config
• Firebase Analytics
• Cloud Functions

Tools

• Git
• Github/GitLab/Bitbucket
• Xcode
• Android Studio
• Terminal
• Package Manager
  • npm
  • yarn

Resource

• https://reactnative.dev/
• https://reactjs.org/
• https://developer.mozilla.org/en-US/docs/Web/CSS
• https://github.com/jondot/awesome-react-native