2023 年完成 React Native 从零到精通（使用 Hooks）
Complete React Native in 2023 Zero to Mastery (with Hooks)
- 01 - Introduction
- 001 Course Outline
- 002 Join Our Online Classroom!
- 004 Meeting Bruno
- 006 ZTM Resources
- 02 - React Native Fundamentals
- 001 How We Got Here - React Native History
- 002 How We Got Here 2 - React Native History
- 003 Why React Native
- 004 Our First React Native App
- 005 React Native Internals
- 006 React Native Internals 2
- 007 Exercise Is There CSS
- 03 - The 2 Paths
- 001 The 2 Paths
- 002 React DOM vs React Native
- 003 Recommended Setup
- 04 - Building With React Native FocusTime App
- 001 FocusTime Demo
- 003 Introduction To Expo
- 004 Getting Ready To Hit The Ground Running!
- 005 Who Likes Snacks
- 006 Running Snacks On Your Device
- 007 Running The FocusTime Demo On Your Device
- 008 Proper Preparation Prevents Poor Snacking!
- 009 Quick Recap On What We've Done So Far
- 010 A Rundown Of What's In Our Snack
- 011 Why We Don't Run On Web
- 012 How To Avoid The Notch
- 013 How To Avoid The StatusBar
- 014 Styling The Background
- 015 Setting Up Our Focus Feature
- 016 Adding Text Input
- 017 Storing A Subject
- 018 Adding A Button
- 019 Making The App Reactive
- 020 Cleaning Up Spacing
- 021 Adding A Countdown Component
- 022 Adding The Timer Feature
- 023 Hooking Up Our Countdown
- 024 Adding The Focus Subject
- 025 Hooking Up The Progress Bar
- 026 Vibrating When The Timer Ends
- 027 Adding Timer Controls
- 028 Resetting The Timer
- 029 Keeping The App Awake
- 030 Focus History Feature Setup
- 031 Designing Our Focus List
- 032 Populating The Focus History
- 05 - Mobile Development Professional Local Setup
- 002 [MAC] Exporting FocusTime Locally
- 003 [MAC] Installing GIT
- 004 [MAC] Installing Node and Yarn
- 005 [MAC] Running it on IOS Simulator
- 006 [MAC] Installing Android Studio
- 007 [MAC] Installing Android SDK Tools
- 008 [MAC] Running On An Emulator
- 009 [MAC] Installing VSCode
- 010 [MAC] Optional Using GIT With Visual Studio Code
- 011 [WINDOWS] Exporting FocusTime Locally
- 012 [WINDOWS] Installing GIT And VSCode
- 013 [WINDOWS] Optional Using GIT With Visual Studio Code Part 1
- 014 [WINDOWS] Optional Using GIT With Visual Studio Code Part 2
- 015 Github What Is It Good For
- 017 [WINDOWS] Optional Publishing Your Code To Github
- 018 [MAC] Optional Publishing Your Code To Github
- 019 [WINDOWS] Installing Android Studio
- 020 [WINDOWS] Installing Node and Yarn
- 021 [WINDOWS] Running FocusTime On My Device
- 022 What If I'm Still Running Into Issues
- 023 Exercise Imposter Syndrome
- 06 - Master Project MealsToGo Project Setup
- 001 MealsToGo Demo
- 004 Setting Up Our Master Project
- 006 Creating The MealsToGo Project
- 007 [OPTIONAL] MealsToGo On Github
- 008 Video Playback Speed
- 009 Watch This Before Getting Started!
- 07 - Master Project MealsToGo Core Part 1
- 001 Time For Yoga!
- 002 Let's Do Some Yoga!
- 003 React Native Flexbox And Snacks
- 004 Spring Cleaning The Expo Setup
- 006 Exercise App Layout
- 007 Solution App Layout
- 008 Android StatusBar Issue
- 009 Quick Note On Debugging
- 010 Keeping Up With The Code Step By Step
- 011 Setting Up Eslint And Prettier
- 012 Using Eslint
- 013 Optimizing Eslint
- 014 Setting Up Prettier
- 015 Exercise SearchBar
- 016 Solution SearchBar
- 017 Feature Overview Restaurant List Item
- 018 Restaurant Info Setup Part 1
- 019 Restaurant Info Setup Part 2
- 020 Exercise Restaurant Info Card
- 021 Solution Restaurant Info Card
- 022 Reflection Time Restaurant Info
- 023 The Way We Are Styling Feels Weird
- 024 Trying Out Styled Components
- 025 Installing And Using Styled Component
- 026 Quick Note On How To Look At Changes
- 027 Exercise Migrating To Styled Components
- 028 Solution Migrating To Styled Components
- 029 Uhoh We Have An IOS Error
- 030 How Do We Make Things Consistent
- 031 Setting Up Our Theme
- 032 Exercise Theme Cleanup
- 033 Solution Theme Cleanup
- 034 Custom Fonts Fonts Fonts!
- 035 Loading Custom Fonts
- 036 Adding The Address
- 037 Using SVG With Rating
- 038 Exercise Adding Open Now SVG
- 039 Solution Finishing Our Restaurant Card
- 041 Building A Spacer Component
- 042 Optimizing The Spacer Component
- 043 Wait A Second It Won't Render On Android
- 044 Hold Up Why Do We Need Consistency
- 045 Creating A Typography Component And Cleanup
- 046 Solution Code Cleanup
- 047 FlatList!
- 048 List It!
- 050 No Inline Styles
- 051 Why Is There A White Bar
- 052 Feature Overview App Navigation
- 053 Navigation Installation
- 054 Exercise Tab Navigation
- 055 Solution Tab Navigation
- 056 Exercise Tab Bar Icons
- 057 Solution Tab Bar Icons
- 058 Simplifying Tab Icon Logic
- 08 - Master Project MealsToGo Core Part 2
- 001 Feature Overview Adding Data!
- 002 Quick Recap Of What We'll Be Doing
- 003 Fake An API Request
- 004 Quick Refresh On Promises
- 005 Let's Transform The Data
- 006 Let's Transform The Data Part 2
- 007 Setting Up RestaurantContext
- 008 Hooking Up Our Context
- 009 Exercise Activity Indicator
- 010 Solution Activity Indicator
- 011 Quick Architecture Overview
- 012 Feature Overview Geocoding And Search
- 013 Setting Up Our Geocoding Service
- 014 Setting Up Our Geocoding Context
- 015 Hooking Up The Searchbar
- 016 Searching For Restaurants
- 017 Oh No A Bug!
- 018 Oh No A Bug Solution!
- 019 Key Warnings
- 020 Oh No An Anti-Pattern
- 021 Our Next Feature!
- 022 Let's Optimize Before We Build!
- 023 Building Navigation Infrastructure For Scale
- 024 Restructuring Navigation
- 025 Setting Up Stack Navigation
- 026 Setting Up Restaurant Detail Navigation
- 027 Modals And Touch Feedback
- 028 Exercise Rendering The Card
- 029 Solution Rendering The Card
- 030 Back To Our Feature!
- 031 Exercise Menu List
- 032 Solution Menu List
- 033 Feature Overview Map
- 034 Installing React Native Maps
- 035 Map Screen And Search
- 036 Setting The Map Region
- 037 Rendering Map Markers
- 038 Custom Map Callout Exercise
- 039 Custom Map Callout Solution
- 040 Linking A Callout To Details
- 041 Feature Overview Favourites
- 042 Favourites Context
- 043 Hooking Up Favourites Part 1
- 044 Hooking Up Favourites Part 2
- 045 Building A Favourites Bar Part 1
- 046 Building A Favourites Bar Part 2
- 047 Storing Favourites
- 048 Uh Oh An Android Bug
- 049 Feature Overview Firebase And Authentication
- 050 Firebase Installation
- 051 Quick Note On Firebase
- 052 Let's Test Authentication
- 053 Authentication Service And Context
- 054 Account And Authentication Navigation
- 055 Image Background Exercise
- 056 Image Background Solution
- 057 Lighten Up The Background
- 058 Account Screen Buttons
- 059 Exercise Login Screen
- 060 Solution Login Screen
- 061 Tying Up Some Loose Ends
- 062 Feature Overview Registration
- 063 Activity Indicators
- 064 Favourites Is Broken Part 1
- 065 Favourites Is Broken Part 2
- 066 Adding A Watermelon Animation
- 067 Feature Overview Settings
- 068 Building The Settings Feature
- 069 Making The Settings Screen Look Nice
- 070 Favourites Screen Exercise
- 071 Favourites Screen Solution
- 072 Animations And Polish
- 073 App Icons
- 074 Expo Publish
- 09 - Extra Mobile Camera Module
- 001 Feature Overview Camera Module
- 002 Setting Up The Infrastructure
- 003 Exercise Expo Camera
- 004 Solution Expo Camera
- 005 Taking A Picture
- 007 Storing And Retrieving The Picture
- 10 - Extra Google Maps Integration
- 001 Important Note On This Section!
- 002 Setting Up Your Payment Information For Firebase
- 003 Setting Up Firebase CLI
- 005 Running Firebase Functions Locally
- 006 Moving Location Mock Part 1
- 007 Moving Location Mock Part 2
- 008 Moving Restaurants Mock
- 009 Deploying Our Functions
- 010 Switching Between Local And Deployed Functions
- 011 Oh No Android Doesn't Work!
- 012 Creating a Google Cloud Account
- 013 A Cautionary Tale
- 014 Configuring Our Google Cloud Project
- 015 Setting Up Google Node SDK
- 016 Firebase Environment
- 017 Integrating Geocoding API
- 018 Integrating Places API
- 019 Integrating Places Photos
- 020 Publishing Our Expo App And Functions
- 021 Minor Optimizations
- 022 Error Management
- 11 - Extra Mobile Payments With Stripe
- 001 Stripe Integration Demo
- 002 Stripe Integration Architecture
- 003 Signing Up For Stripe
- 004 Quick Recap On Firebase Functions
- 005 High Level Stripe Payment Flow
- 006 React Native Stripe Client
- 007 Setting Up Our Checkout
- 008 Our Credit Card Input
- 009 Getting Our First Stripe Token
- 010 Hooking Up Our Credit Card Form
- 011 Checkout Cart Overview
- 012 Building The Cart Context
- 013 Integrating Our Cart
- 014 Oh No! A Cart Bug
- 015 An Empty Cart
- 016 Adding The Checkout UI
- 017 Starting On The Payment Flow
- 018 Getting The Payee Name
- 019 Setting Up For Payment
- 020 Building Our Payment Gateway
- 021 Payment Request Part 1
- 022 Payment Request Part 2
- 023 Payment Request Part 3
- 024 Adding Loading State
- 025 Handling Error States
- 026 Exercise Cart Persistance
- 027 Solution Cart Persistance
- 12 - Extra Releasing To The App Stores
- 001 Before We Get Started
- 002 What Will I Get Out Of This Section
- 003 Building Standalone Apps
- 004 Building An APK For Android
- 005 Running Our APK On The Emulator
- 006 Creating A Play Store Account
- 007 Building iOS With Expo
- 008 Testing Your iOS Build On A Simulator
- 009 AppStore Connect And TestFlight
- 13 - Extra App Polish + Customizing MealsToGo
- 001 Adding Some Polish
- 002 Adapting The Theme Colors
- 003 Improving The Settings Screen
- 004 Improving Restaurant Detail Screen
- 005 The Favourites Bar
- 14 - Keeping Your App Up To Date
- 001 New Year New Me
- 002 Why Upgrade
- 003 Upgrading
- 004 Smoke Testing the Upgrade
- 15 - Where To Go From Here
- 001 Thank You!
- 16 - Appendix Learn React
- 002 Introduction To React.js
- 003 Create React App
- 004 React App Folder Structure
- 005 React 18 Update
- 006 React Fundamentals
- 007 React Fundamentals 2
- 008 Hooks vs Classes
- 009 Class vs Functional App.js
- 011 Your First React Component
- 012 Building A React App 1
- 013 The Dirty Little Secret To Become An Expert
- 015 Building A React App 2
- 016 Building A React App 3
- 017 Styling Your React App
- 019 Building A React App 4
- 020 Building A React App 5
- 021 Building A React App 6
- 023 Keeping Your Projects Up To Date
- 025 Solution Try Upgrading to React 18
- 026 React Review
- 027 Error Boundaries In React
- 028 Deploying Our React App
- 030 React Hooks
- 031 React Hooks 2
- 032 React Hooks 3
- 033 React Hooks 4
- 034 React Hooks 5
- 035 React Hooks 6
- 036 React Hooks 7
- 037 React Hooks 8
- 039 React Hooks 9
- 17 - Appendix Git + Github
- 001 CWD Git + Github
- 003 CWD Git + Github 2
- 18 - Appendix Open Source Projects
- 001 Contributing To Open Source
- 002 Contributing To Open Source 2