Share Description
In this course, you will learn :
- Develop a strong navigation flow using react navigation v3 and v5.
- Use Firebase for authentication, database management, and image uploading.
- Use Redux for app-wide state management.
- Discover how to use react hooks!
Syllabus :
1. The Basics
- Understanding the App.js
- View Component And Intro to Styles
- Intro to Flexbox
- Testing Our Knowledge - Our First UI + SafeAreaView
2. Building our first App - The Book Worm App
- Setting Up The Layout
- Adding State
- Props And Custom Component
- Adding a Button and TextInput
- Modifying the State to show/hide TextInput
- Adding A book
- setState() Gotchas
- Flatlist to display added books
- Mark book as read - .filter()
3. Cleaning Up Our Code
- Functional or Stateless Components
- PropTypes and Default Props
- Custom Button and props.children
- Cleaning Up The Styles
- Reusing Colors
4. Digging Deeper
- Intro to Lifecycle Methods
- Intro To React Navigation
- First Navigator - AppSwitch Navigator
- Adding First Stack Navigator
- Configuring the header
- Let's Add the Drawer Navigator
- Customize Drawer Navigator
5. Connect Our App To Firebase
- Setting Up the Login Screen
- Setting Up Firebase
- Signing Up New User
- Signing in User
- Detecting if the user is logged in
- Installing Firebase Cloud Functions
- Sign Up User using Firebase Cloud Functions
- Sign Up User Without Cloud Functions
- Modifying the state for firebase
- Adding Books to Database
- Loading Books From the Database
- Mark Book as read in the Database
- Updating TextInput Styles
- Adding a Tab Navigator
- Dynamic Header Title
6. Adding Redux To Our App
- What is Redux?
- Adding Redux To Our App
- Displaying Books Reading and Books Read
- Adding Book Count To Tab Naigator
- Appwide Loading Indicator
- Make Books List Swipeable
- Delete Book From List
7. Uploading Image for the Book
- Adding Actionsheet
- Opening Image Library and Camera
- Uploading Image To Firebase Storage
- Displaying the Image
- Updated: Loading Indicator
8. Upgrade To React Navigation 5 - Project Files
- Updated Auth Flow with Redux
- Drawer Navigator
- Tab Navigator
- Dynamically Updating Header Title
- Customizing Drawer Component
9. Recreating Book Worm App in Hooks!
- Initial Setup And Project files
- BookWorm.js - useDispatch()
- BookWorm.js - useSelector()
- Custom useAuthenticateUser() Hook
- Welcome Screen - useNavigation()
- Refactoring Login Screen - useState() and useDispatch()
- Refactoring Home Screen
- Converting Home Screen to Functional Component - async useEffect()
- Converting Home Screen to Functions - addBook()
- BooksReading and BooksRead
