React Native From Scratch with Hooks and Context

Learn React Native with Hooks and Context and leverage your existing web skills. Build user-friendly web apps with React

Beginner 0(0 Ratings) 0 Students enrolled English
Created by Bonga Mbunjana
Last updated Tue, 13-Jun-2023
+ View more
Course overview
  • Learning React Native is a great avenue through which to gain experience developing mobile apps.

What will i learn?

  • Native also includes features like “hot reloading,” which have made the framework a favorite among efficiency-minded developers.
  • Created by Facebook, React Native is an open-source-based mobile application framework that uses only JavaScript, making it capable of supporting android, ios
  • React Native developers are also vital to helping iOS, and Android companies update and otherwise modernize their apps with features like push notification
  • JSX syntax and expressions
Requirements
  • Basic computer
  • No requirements at all
  • Understand formal and informal networks.
Curriculum for this course
82 Lessons 10:11:08 Hours
1. React Native with Hooks and Context Course Content
4 Lessons 00:06:24 Hours
  • 1.1. How Will We Progress in This React Native Course
    00:04:41
  • 1.2. Got Any Questions about React Native
    00:01:43
  • 1.3. Github Course Repo in React Native with Hooks and Context.
    .
  • 1.4. FAQ about React Native, Hooks and Context
    .
2. React Native - Set Up For Windows
3 Lessons 00:28:32 Hours
  • 2.1. Tools We Need for ReactNative CLI
    00:07:25
  • 2.2. Windows Setup for React Native
    00:05:33
  • 2.3. How to Start Emulator in Android Studio for React Native projects
    00:15:34
3. React Native - Set Up For Mac
3 Lessons 00:12:43 Hours
  • 3.1. Tools We Need for ReactNative CLI
    00:04:46
  • 3.2. OSX Setup of React Native
    00:04:45
  • 3.3. Start The Emulator
    00:03:12
4. React Native and Expo
2 Lessons 00:09:03 Hours
  • 4.1. React Native on Mobile Device
    00:02:18
  • 4.2. React Native Expo CLI project
    00:06:45
5. React Native and JSX
9 Lessons 01:03:04 Hours
  • 5.1. How To Create an App with React Native
    00:02:51
  • 5.2. See Content on Emulator in React Native
    00:03:52
  • 5.3. Why Do We Need React and React-Native
    00:03:50
  • 5.4. ES6 Syntax ( Let, Const, Var ) in React
    00:05:34
  • 5.5. React Native First Component
    00:08:40
  • 5.6. How to Show Component on Device in React Native
    00:10:26
  • 5.7. How to Build Our First App in React Native
    00:06:46
  • 5.8. How to Connect a Component to the Root Component in React Native
    00:12:08
  • 5.9. Import a Component to Another Component in React Native
    00:08:57
6. Styling For React Native
6 Lessons 00:45:11 Hours
  • 6.1. Styling with JSX in React
    00:13:44
  • 6.2. Displaying of Views in React Native
    00:10:45
  • 6.3. Header Component’s Styling in React
    00:04:17
  • 6.4. React Props in React Native (2).mp4
    00:07:55
  • 6.5. How to Reuse Code with Props System in React
    00:08:30
  • 6.6. React Native Quiz.html
    .
7. API Request With React Native
3 Lessons 00:26:15 Hours
  • 7.1. How to Show a List to the User
    00:06:58
  • 7.2. The List Component
    00:08:34
  • 7.3. Func Component vs Class Based Component
    00:10:43
8. LifeCycle Methods in React js and react native
3 Lessons 00:25:59 Hours
  • 8.1. When Do We Need Lifecycle Methods
    00:09:31
  • 8.2. Lifecycle Methods in React js and react native
    00:06:33
  • 8.3. Making Request With Axios
    00:09:55
9. State In React Native
10 Lessons 01:14:41 Hours
  • 9.1. What Is State and How To Initial State
    00:08:44
  • 9.2. Using of State
    00:10:32
  • 9.3. A Component’s Lifecycle with State
    00:05:01
  • 9.4. List Component
    00:08:24
  • 9.5. List Item Component
    00:10:13
  • 9.6. Reusable Components
    00:10:15
  • 9.7. Styled Component for List Items
    00:06:29
  • 9.8. Usage of Props.children (2).mp4
    00:05:46
  • 9.9. Item Section
    00:09:17
  • 9.10. React Native Quiz
    .
10. Layout With Flexbox in React Native
7 Lessons 00:51:29 Hours
  • 10.1. Introduction to the Flexbox
    00:06:46
  • 10.2. Section Header Component in React Native
    00:06:04
  • 10.3. How to Show an Image
    00:12:46
  • 10.4. Scrollable Content in React Native (2).mp4
    00:06:04
  • 10.5. User Interaction with React Native (2).mp4
    00:05:22
  • 10.6. Event Handlers in React Native (2).mp4
    00:09:44
  • 10.7. How to Open Another App (Browser)
    00:04:43
11. Hooks and Context
2 Lessons 00:06:19 Hours
  • 11.1. Let's See What We Will Cover in Hooks and Context
    00:02:35
  • 11.2. Intro to Hooks and Context
    00:03:44
12. Context API Project
7 Lessons 00:59:16 Hours
  • 12.1. Let's Create First Application
    00:14:43
  • 12.2. What Is Context API and Why We Use It
    00:06:06
  • 12.3. Context and Provider in React Native
    00:08:36
  • 12.4. Context Provider in React Native
    00:05:20
  • 12.5. Accessing Context in React Native
    00:11:43
  • 12.6. Let's Access Context Data from TodoList Component (2).mp4
    00:05:23
  • 12.7. Accessing Context with Context Consumer in React Native
    00:07:25
13. How To Update Context
2 Lessons 00:17:42 Hours
  • 13.1. Updating Context Data
    00:08:32
  • 13.2. Creating Multiple Contexts (2).mp4
    00:09:10
14. Consume Multiple Context
1 Lessons 00:10:05 Hours
  • 14.1. Consume Multiple Context
    00:10:05
15. Hooks
2 Lessons 00:08:38 Hours
  • 15.1. Intro to Hooks
    00:04:00
  • 15.2. Let's Setup Hooks Project
    00:04:38
16. Flatlist
4 Lessons 00:27:07 Hours
  • 16.1. Flatlist
    00:03:53
  • 16.2. Rendering a List with Flatlist
    00:08:53
  • 16.3. How Does Flatlist Work
    00:06:14
  • 16.4. Giving the Key Props
    00:08:07
17. Important Hooks
6 Lessons 01:04:42 Hours
  • 17.1. useState Hooks
    00:13:34
  • 17.2. useState with Forms
    00:15:38
  • 17.3. useEffect Hook
    00:10:42
  • 17.4. Hooks with Context
    00:08:56
  • 17.5. Consuming Multiple Context with useContext (2).mp4
    00:15:52
  • 17.6. Hooks and Context Quiz
    .
18. Context With Functional Component
3 Lessons 00:34:32 Hours
  • 18.2. Hooks and Context
    00:12:51
  • 18.3. Adding New Todo with Hooks and Context
    00:15:53
  • 18.1. Creating Context with Functional Components
    00:05:48
19. Reducers
4 Lessons 00:33:33 Hours
  • 19.1. Remove Todo
    00:09:16
  • 19.2. useReducers
    00:06:12
  • 19.3. Adding a Reducer
    00:13:17
  • 19.4. Move useReducer Into Its Own File
    00:04:48
20. Wrap Up
1 Lessons 00:05:53 Hours
  • 20.1. What We Have Learnt in React Native From Scratch with Hooks and Context Course
    00:05:53
+ View more
Other related courses
29:24:17 Hours
Technical Support IT (A+)
Updated Wed, 07-Jun-2023
0 39 R2000
04:36:46 Hours
Network Technician (N+)
Updated Thu, 05-Sep-2024
4 9 R10000 R5000
04:30:23 Hours
Python 101
Updated Tue, 13-Jun-2023
0 3 R10000 R5000
00:10:44 Hours
Technical Support
Updated Tue, 13-Jun-2023
0 2 R10000 R5000
00:06:17 Hours
Networking (N+)
Updated Wed, 07-Jun-2023
0 0 R150000 R3000
About instructor

Bonga Mbunjana

21 Reviews | 369 Students | 63 Courses
Student feedback
0
0 Reviews
  • (0)
  • (0)
  • (0)
  • (0)
  • (0)

Reviews

R50000 R5000
Includes:
//send gift when already purchased by user