使用 NodeJs 和 MongoDB 掌握 React Native
Mastering React Native with NodeJs and MongoDB
- 01 - Introduction
- 001 About the course
- 002 Expo and simulators
- 003 Installing and trying in simulator and expo app
- 02 - React Native Basics
- 001 Understanding native components
- 002 Flex layout and positioning
- 003 Components props and destructuring
- 004 Splash screen logo
- 005 Webview
- 03 - Project - Links Daily
- 002 Starting the project
- 003 Text component
- 004 Input component
- 005 Reusable component
- 006 Updating the state
- 04 - Text Input, ScrollView and Image
- 001 Customize text input
- 002 Button using touchable opacity
- 003 Using axios
- 004 Image component
- 005 Scroll view
- 006 Signin screen
- 05 - Navigation
- 001 React native navigation
- 002 Navigator options
- 06 - API Generator, mongodb and sendgrid
- 001 Kaloraat auth API generator
- 002 Understanding authentication server
- 003 Signup to mongo atlas
- 004 Signup to sendgrid
- 07 - Signup Signin and async storage
- 001 Successful signup and signin
- 002 Localhost on the web for trying on actual device
- 003 Error messages
- 004 React native async storage
- 08 - Context
- 001 Auth context
- 002 Accessing context
- 003 Update context and configure axios
- 09 - Footer Navigation
- 001 Footer tabs
- 002 Font awesome icons
- 003 Root navigation
- 004 Protecting screens
- 005 Signout
- 10 - Screens
- 001 Account screen
- 002 Post and links screens
- 003 Active screen tab
- 004 Display user info
- 005 Setup account screen
- 11 - Images
- 001 Reusing circle logo component
- 002 Image upload icon
- 003 Display image and upload icon
- 004 Signup to cloudinary
- 005 Access image library using expo image picker
- 006 Sending image to server for uploading
- 12 - Protect routes, screens, JWT tokens and cloudinary
- 001 Require signin middleware
- 002 Axios headers with token
- 003 Include tokens in axios headers by default
- 004 Handling expired token
- 005 Upload image to cloudinary
- 006 Save user image in database
- 007 Updating user in context and async storage
- 13 - Password Update and Reset
- 001 Password update client
- 002 Password update server
- 003 Forgot password screen
- 004 Send password reset email
- 005 Allow user to login with new password
- 14 - Posting Links
- 001 What's next
- 002 Post link page
- 003 Text input for post link
- 004 Text input for post title
- 15 - Web Scraping
- 001 Open graph web scraping client side
- 002 URL preview
- 003 Preview card image
- 004 Preview card title and description
- 16 - Models Routes and Controllers
- 001 Link model and schema
- 002 Post link route and controller
- 003 Post request to create link
- 004 Link context
- 17 - Links and WebView
- 001 Recent links
- 002 Route params (optional)
- 003 Link view
- 004 React native webview
- 005 Open webview onPress
- 18 - Like Unlike, View Count, date and user
- 001 Implement view count
- 002 View count icon on preview card
- 003 View increment client side
- 004 Like unlike server
- 005 Like unlike client
- 006 Icon set component
- 007 Applying shadow
- 008 Date and user icons
- 19 - Profile Screen
- 001 Public profile with route params
- 002 Profile screen
- 003 Background image
- 004 Default preview image
- 005 Get user public profile
- 006 User profile and user links response
- 007 User info on profile
- 008 Render user links on profile
- 20 - Links, trending and latest
- 001 Links screen
- 002 Allow delete link
- 003 Delete link and update local and global state
- 004 Signout feature in account screen
- 005 Trending links screen
- 006 Horizontally scrolling trending links
- 007 Latest links
- 21 - Load More and SearchingFiltering
- 001 Load more links backend
- 002 Load more links frontend
- 003 Search component
- 004 Implement searchingfiltering
- 005 Loading