-
1. Dive Right In
-
2. Got OSX? Go Here
-
3. Got Windows? Go Here
-
4. Optional ESLint Setup
-
5. Onwards
-
6. Making Great Looking Apps
-
7. HTT
- P Requests with React Native
- Sourcing Album Data
- List Component Boilerplate
- Class-Based Components
- Lifecycle Methods
- Quick Note On Axios
- Network Requests
- Component Level State
- More on Component Level State
- Rendering a List of Components
- Displaying Individual Albums
- Fantastic Reusable Components – The Card
- Styling a Card
- Passing Components as Props
- Dividing Cards into Sections
-
8. Handling Component Layout
- Mastering Layout with Flexbox
- The positioning of Elements on Mobile
- More on Styling
- Images with React Native
- Displaying Album Artwork
- Making Content Scrollable
- Handling User Input with Buttons
- Styling of Buttons with UX
- Considerations
- Responding to User Input
- Linking Between Mobile Apps
- Setting Button Text by Props
- App Wrapup
-
9. Authentication with firebase
- Auth App Introduction
- A Common Root Component
- Copying Reusable Components
- What is Firebase?
- Firebase Client Setup
- Login Form Scaffolding
- Handling User Inputs
- More on Handling User Inputs
- How to Create Controlled Components
- Making Text Inputs From Scratch
- A Focus on Passing Props
- Making the Input Pretty
- Wrapping up Inputs
- Password Inputs
-
10. Processing Authentication Credentials
-
11. Digging Deeper with Redux
-
12. Back to React
-
13. Rendering Lists the Right Way
-
14. Not Done Yet.
-
15. Handling Data in React vs Redux
-
16. Don't Mutate that State
- Immutable State
- Creating Immutable State
- More on Creating Immutable State
- Synchronous vs Asynchronous Action Creators
- Introduction to Redux Thunk
- Redux Thunk in Practice
- Redux Thunk in Practice Continued
- Making LoginUser More Robust
- Creating User Accounts
- Showing Error Messages
- A Firebase Gotcha
- Showing a Spinner on Loading
-
18. Firebase as a Data Store
- Firebase JSON Schema
- Data Security in Firebase
- Creating Records with Firebase
- Default Form Values
- Successful Data Save to Firebase
- Resetting Form Properties
- Fetching Data from Firebase
- Storing Data by ID
- Dynamic DataSource Building
- Transforming Objects to Arrays
- List Building in Employee List
-
19. Code Reuse - Edit vs Create
- Reusing the Employee Form
- Create vs Edit Forms
- Reusable Forms
- A Standalone Employee Edit Form
- Initializing Forms from State
- Updating Firebase Records
- Clearing Form Attributes
- Texting Employees
- Modals as a Reusable Component
- The Modal Component Continued
- Styling the Modal
- Employee Delete Action Creator
- Wiring up Employee Delete