Skip to main content
Side panel
Call us : 024-2662350
E-mail :
it@huph.edu.vn
You are currently using guest access (
Log in
)
Trang chủ HUPH
Microsoft Teams
Các khóa học
Tài nguyên
Google Classroom
Videos học tập
Hướng dẫn
Hướng dẫn sử dụng LMS (dành cho giảng viên)
Hướng dẫn sử dụng LMS (dành cho học viên)
Hướng dẫn sử dụng Microsoft Team cho giảng viên
Hướng dẫn sử dụng Microsoft Team cho sinh viên
Hướng dẫn soạn thảo bài giảng Elearning
English (en)
English (en)
Vietnamese (vi)
Complete React Native in 2021 Zero to Mastery with Hooks
Home
Courses
Data Science Courses
ReactNative
6. Master Project MealsToGo Project Setup
6. [OPTIONAL] MealsToGo On Github.mp4]
6. [OPTIONAL] MealsToGo On Github.mp4]
Last modified: Friday, 16 April 2021, 2:17 PM
◄ 5. Creating The MealsToGo Project
Jump to...
Jump to...
1. Course Outline
2. Join Our Online Classroom!
3. Exercise Meet The Community
4. Meeting Bruno
5. Monthly Coding Challenges, Free Resources and Guides
1. How We Got Here - React Native History
2. How We Got Here 2 - React Native History
3. Why React Native
4. Our First React Native App
5. React Native Internals
6. React Native Internals 2
7. Exercise Is There CSS
1. The 2 Paths
2. React DOM vs React Native
3. Recommended Setup
1. FocusTime Demo
2. Introduction To Expo
3. Getting Ready To Hit The Ground Running!
4. Who Likes Snacks
5. Running Snacks On Your Device
6. Running The FocusTime Demo On Your Device
7. Proper Preparation Prevents Poor Snacking!
8. Quick Recap On What We've Done So Far
9. A Rundown Of What's In Our Snack
10. Building A Simple Navigation
11. Creating Our Focus Feature
12. Adding An Input
13. Storing The Focus Item
15. Storing Our Focus Input
16. Quick Note On The Docs
17. Cleaning Up Our Styling
18. Building The Timer Feature
19. Building The Countdown Feature
20. Building The Countdown Feature Part 2
21. Building The Countdown Feature Part 3
22. A Quick Note On Error Screens
23. Reporting The Progress
24. Preset Timing Buttons
25. Keeping The App Awake
26. Vibrating When Finished With A Task
27. Going Full Circle
28. Quick Cleanup
29. Quick Review Of What We Have Accomplished So Far
30. Clearing The Subject
31. Storing Focus History
32. Storing Focus History With Statuses
33. Building The Focus History List
34. Clearing The Focus History
36. Storing And Loading The Focus History
37. Reflection Time!
38. Reflection Time Part 2!
39. Reflection Time Part 3!
40. Reflection Time Part 4!
2. [MAC] Exporting FocusTime Locally
3. MAC Installing GIT
4. MAC Installing Node and Yarn
5. MAC Running it on IOS Simulator
6. MAC Installing Android Studio
7. MAC Installing Android SDK Tools
8. MAC Running On An Emulator
9. MAC Installing VSCode
10. [MAC] Optional Using GIT With Visual Studio Code
11. WINDOWS Exporting FocusTime Locally
12. WINDOWS Installing GIT And VSCode
13. WINDOWS Optional Using GIT With Visual Studio Code Part 1
14. WINDOWS Optional Using GIT With Visual Studio Code Part 2
15. Github What Is It Good For
17. WINDOWS Optional Publishing Your Code To Github
18. MAC Optional Publishing Your Code To Github
19. WINDOWS Installing Android Studio
20. WINDOWS Installing Node and Yarn
21. WINDOWS Running FocusTime On My Device
22. What If I'm Still Running Into Issues
1. MealsToGo Demo
3. Setting Up Our Master Project
5. Creating The MealsToGo Project
7. Video Playback Speed
8. Watch This Before Getting Started!
1. Time For Yoga!
2. Let's Do Some Yoga!
3. React Native Flexbox And Snacks
4. Spring Cleaning The Expo Setup
6. Exercise App Layout
7. Solution App Layout
8. Android StatusBar Issue
9. Quick Note On Debugging
10. Keeping Up With The Code Step By Step
11. Setting Up Eslint And Prettier
12. Using Eslint
13. Optimizing Eslint
14. Setting Up Prettier
15. Exercise SearchBar
16. Solution SearchBar.
17. Feature Overview Restaurant List Item
18. Restaurant Info Setup Part 1
19. Restaurant Info Setup Part 2
20. Exercise Restaurant Info Card
21. Solution Restaurant Info Card
22. Reflection Time Restaurant Info
23. The Way We Are Styling Feels Weird
24. Trying Out Styled Components
25. Installing And Using Styled Component
26. Quick Note On How To Look At Changes
27. Exercise Migrating To Styled Components
28. Solution Migrating To Styled Components
29. Uhoh We Have An IOS Error
30. How Do We Make Things Consistent
31. Setting Up Our Theme
32. Exercise Theme Cleanup
33. Solution Theme Cleanup
34. Custom Fonts Fonts Fonts!
35. Loading Custom Fonts
36. Adding The Address
37. Using SVG With Rating
38. Exercise Adding Open Now SVG
39. Solution Finishing Our Restaurant Card
41. Building A Spacer Component
42. Optimizing The Spacer Component
43. Hold Up Why Do We Need Consistency
44. Wait A Second It Won't Render On Android
45. Creating A Typography Component And Cleanup
47. FlatList!
48. List It!
50. No Inline Styles
51. Why Is There A White Bar
52. Feature Overview App Navigation
53. Navigation Installation
54. Exercise Tab Navigation
55. Solution Tab Navigation
56. Exercise Tab Bar Icons
57. Solution Tab Bar Icons
58. Simplifying Tab Icon Logic
1. Feature Overview Adding Data!
2. Quick Recap Of What We'll Be Doing
3. Fake An API Request.
4. Quick Refresh On Promises
5. Let's Transform The Data
6. Let's Transform The Data Part 2
7. Setting Up RestaurantContext
8. Hooking Up Our Context
9. Exercise Activity Indicator
10. Solution Activity Indicator
11. Quick Architecture Overview
12. Feature Overview Geocoding And Search
13. Setting Up Our Geocoding Service
14. Setting Up Our Geocoding Context
15. Hooking Up The Searchbar
16. Searching For Restaurants
17. Oh No A Bug!
18. Oh No A Bug Solution!
19. Key Warnings
20. Oh No An Anti-Pattern
21. Our Next Feature!
22. Let's Optimize Before We Build!
23. Building Navigation Infrastructure For Scale
24. Restructuring Navigation
25. Setting Up Stack Navigation
26. Setting Up Restaurant Detail Navigation
27. Modals And Touch Feedback
28. Exercise Rendering The Card
29. Solution Rendering The Card
30. Back To Our Feature!
31. Exercise Menu List
32. Solution Menu List
33. Feature Overview Map
34. Installing React Native Maps
35. Map Screen And Search
36. Setting The Map Region
37. Rendering Map Markers
38. Custom Map Callout Exercise
39. Custom Map Callout Solution
40. Linking A Callout To Details
41. Feature Overview Favourites
42. Favourites Context
43. Hooking Up Favourites Part 1
44. Hooking Up Favourites Part 2
45. Building A Favourites Bar Part 1
46. Building A Favourites Bar Part 2
47. Storing Favourites
48. Uh Oh An Android Bug
49. Feature Overview Firebase And Authentication
50. Firebase Installation
51. Quick Note On Firebase
52. Let's Test Authentication
53. Authentication Service And Context
54. Account And Authentication Navigation
55. Image Background Exercise
56. Image Background Solution
57. Lighten Up The Background
58. Account Screen Buttons
59. Exercise Login Screen
60. Solution Login Screen
61. Tying Up Some Loose Ends
62. Feature Overview Registration
63. Activity Indicators
64. Favourites Is Broken Part 1
65. Favourites Is Broken Part 2
66. Adding A Watermelon Animation
67. Feature Overview Settings
68. Building The Settings Feature
69. Making The Settings Screen Look Nice
70. Favourites Screen Exercise
71. Favourites Screen Solution
72. Animations And Polish
73. App Icons
74. Expo Publish
1. Feature Overview Camera Module
2. Setting Up The Infrastructure
3. Exercise Expo Camera
4. Solution Expo Camera.
5. Taking A Picture.
7. Storing And Retrieving The Picture
1. Important Note On This Section!
2. Setting Up Your Payment Information For Firebase
3. Setting Up Firebase CLI
5. Running Firebase Functions Locally
6. Moving Location Mock Part 1
7. Moving Location Mock Part 2
8. Moving Restaurants Mock
9. Deploying Our Functions.
10. Switching Between Local And Deployed Functions
11. Oh No Android Doesn't Work!
12. Creating a Google Cloud Account
13. A Cautionary Tale
14. Configuring Our Google Cloud Project
15. Setting Up Google Node SDK
16. Firebase Environment
17. Integrating Geocoding API
18. Integrating Places API
19. Integrating Places Photos
20. Publishing Our Expo App And Functions
21. Minor Optimizations
22. Error Management
1. Stripe Integration Demo.
2. Stripe Integration Architecture
3. Signing Up For Stripe
4. Quick Recap On Firebase Functions
5. High Level Stripe Payment Flow
6. React Native Stripe Client
7. Setting Up Our Checkout
8. Our Credit Card Input
9. Getting Our First Stripe Token
10. Hooking Up Our Credit Card Form
11. Checkout Cart Overview
12. Building The Cart Context.
13. Integrating Our Cart
14. Oh No! A Cart Bug
15. An Empty Cart
16. Adding The Checkout UI
17. Starting On The Payment Flow
18. Getting The Payee Name
19. Setting Up For Payment
20. Building Our Payment Gateway
21. Payment Request Part 1
22. Payment Request Part 2
23. Payment Request Part 3
24. Adding Loading State
25. Handling Error States
26. Exercise Cart Persistance
27. Solution Cart Persistance
1. Before We Get Started
2. What Will I Get Out Of This Section
3. Building Standalone Apps
4. Building An APK For Android
5. Running Our APK On The Emulator
6. Creating A Play Store Account
7. Building iOS With Expo
8. Testing Your iOS Build On A Simulator
9. AppStore Connect And TestFlight
1. Adding Some Polish
2. Adapting The Theme Colors
3. Improving The Settings Screen
4. Improving Restaurant Detail Screen
5. The Favourites Bar
2. Introduction To React.js
4. create-react-app
5. create-react-app 2
6. create-react-app 3
7. Quick Note Class vs Functional App.js
9. Your First React Component
10. Building A React App 1
11. Building A React App 2
12. Building A React App 3
13. Styling Your React App
14. Building A React App 4
15. Building A React App 5
16. Building A React App 6
18. Keeping Your Projects Up To Date
19. React Review
20. Error Boundaries In React
21. Deploying Our React App
22. React Hooks
23. React Hooks 2
24. React Hooks 3
25. React Hooks 4
26. React Hooks 5
27. React Hooks 6
28. React Hooks 7
29. React Hooks 8
31. React Hooks 9
1. CWD Git + Github
3. CWD Git + Github 2
1. Contributing To Open Source
2. Contributing To Open Source 2
7. Video Playback Speed ►
ReactNative
1. Introduction
2. React Native Fundamentals
3. The 2 Paths
4. Building With React Native FocusTime App
5. Mobile Development Professional Local Setup
6. Master Project MealsToGo Project Setup
7. Master Project MealsToGo Core Part 1
8. Master Project MealsToGo Core Part 2
9. Bonus Mobile Camera Module
10. Bonus Google Maps Integration
11. Bonus Mobile Payments With Stripe
12. Bonus Releasing To The App Stores
13. Bonus App Polish Customizing MealsToGo
15. Appendix Learn React
16. Appendix Git Github
17. Appendix Open Source Projects
18. BONUS SECTION
Home
Calendar