React Native Development Fundamentals | Brainmatics

Back

Short Courses
Regular Courses
Private Courses
About Us
Account

Login | Register | Cart

header

20 Sections
100 Lessons
32 Hours

Expand all sectionsCollapse all sections

PERSIAPAN
2
- 1.1
  Pre-test
  0 Questions
- 1.2
  Bundle Materi
1. WHY REACT?
2
- 2.1
  1.1. What is React?
- 2.2
  1.2. What’s New in React 18?
2. RENDERING WITH JSX
6
- 3.1
  2.1. Technical Requirements
- 3.2
  2.2. Your First JSX Content
- 3.3
  2.3. Rendering HTML
- 3.4
  2.4. Creating Your Own JSX Elements
- 3.5
  2.5. Using JavaScript Expressions
- 3.6
  2.6. Building Fragments of JSX
3. COMPONENT PROPERTIES, STATE, AND CONTEXT
8
- 4.1
  3.1. Technical Requirements
- 4.2
  3.2. What is Component State?
- 4.3
  3.3. What are Component Properties?
- 4.4
  3.4. Setting Component State
- 4.5
  3.5. Passing Property Values
- 4.6
  3.6. Stateless Components
- 4.7
  3.7. Container Components
- 4.8
  3.8. Providing and consuming context
4. GETTING STARTED WITH HOOKS
5
- 5.1
  4.1. Technical Requirements
- 5.2
  4.2. Maintaining State Using Hooks
- 5.3
  4.3. Performing Initialization and Cleanup Actions
- 5.4
  4.4. Sharing Data Using Content Hooks
- 5.5
  4.5. Using Reducer Hooks to Scale State Management
5. EVENT HANDLING, THE REACT WAY
7
- 6.1
  5.1. Technical Requirements
- 6.2
  5.2. Declaring Event Handlers
- 6.3
  5.3. Using Event Handler Context and Parameters
- 6.4
  5.4. Declaring Inline Event Handlers
- 6.5
  5.5. Binding Handlers to Elements
- 6.6
  5.6. Using Synthetic Event Objects
- 6.7
  5.7. Understanding Event Pooling
6. CRAFTING REUSABLE COMPONENTS
8
- 7.1
  6.1. Technical Requirements
- 7.2
  6.2. Reusable HTML Elements
- 7.3
  6.3. The Difficulty with Monolithic Components
- 7.4
  6.4. Refactoring Component Structures
- 7.5
  6.5. Render Props
- 7.6
  6.6. Refactoring Class Components Using Hooks
- 7.7
  6.7. Rendering Component Trees
- 7.8
  6.8. Feature Components and Utility Components
7. THE REACT COMPONENT LIFE CYCLE
7
- 8.1
  7.1. Technical Requirements
- 8.2
  7.2. Why Components Need a Life Cycle
- 8.3
  7.3. Initializing Properties and State
- 8.4
  7.4. Optimizing Rendering Efficiency
- 8.5
  7.5. Rendering Imperative Components
- 8.6
  7.6. Cleaning Up After Components
- 8.7
  7.7. Containing Errors with Error Boundaries
8. VALIDATING COMPONENT PROPERTIES
6
- 9.1
  8.1. Technical Requirements
- 9.2
  8.2. Knowing What to Expect
- 9.3
  8.3. Promoting Portable Components
- 9.4
  8.4. Simple Property Validators
- 9.5
  8.5. Type and Value Validators
- 9.6
  8.6. Writing Custom Property Validators
9. HANDLING NAVIGATION WITH ROUTES
4
- 10.1
  9.1. Technical Requirements
- 10.2
  9.2. Declaring Routes
- 10.3
  9.3. Handling Route Parameters
- 10.4
  9.4. Using Link Components
10. CODE SPLITTING USING LAZY COMPONENTS AND SUSPENSE
5
- 11.1
  10.1. Technical Requirements
- 11.2
  10.2. Using the Lazy API
- 11.3
  10.3. Using the Suspense Component
- 11.4
  10.4. Avoiding Lazy Components
- 11.5
  10.5. Exploring Lazy Pages and Routes
11. SERVER-SIDE REACT COMPONENTS
6
- 12.1
  11.1. Technical Requirements
- 12.2
  11.2. What is Isomorphic JavaScript?
- 12.3
  11.3. Rendering to Strings
- 12.4
  11.4. Backend Routing
- 12.5
  11.5. Frontend Reconciliation
- 12.6
  11.6. Fetching Data
12. USER INTERFACE FRAMEWORK COMPONENTS
6
- 13.1
  12.1. Technical Requirements
- 13.2
  12.2. Layout and Organization
- 13.3
  12.3. Using Navigation Components
- 13.4
  12.4. Collecting User Input
- 13.5
  12.5. Working with Buttons
- 13.6
  12.6. Working with Styles and Themes
13. HIGH-PERFORMANCE STATE UPDATES
3
- 14.1
  13.1. Technical Requirements
- 14.2
  13.2. Batching State Updates
- 14.3
  13.3. Handling Asynchronous State Updates
14. WHY REACT NATIVE?
6
- 15.1
  14.1. Technical Requirements
- 15.2
  14.2. What is RN?
- 15.3
  14.3. React and JSX are Familiar
- 15.4
  14.4. The Mobile Browser Experience
- 15.5
  14.5. Android and iOS – Different Yet the Same
- 15.6
  14.6. The Case for Mobile Web Apps
15. REACT NATIVE UNDER THE HOOD
4
- 16.1
  15.1. Technical Requirements
- 16.2
  15.2. Exploring React Native Architecture
- 16.3
  15.3. Explaining JS and Native Modules
- 16.4
  15.4. Exploring React Native Components and APIs
16. KICK-STARTING REACT NATIVE PROJECTS
5
- 17.1
  16.1. Technical Requirements
- 17.2
  16.2. Exploring React Native CLI Tools
- 17.3
  16.3. Installing and Using the Expo Command-Line Tool
- 17.4
  16.4. Viewing Your App on Your Phone
- 17.5
  16.5. Viewing Your App on Expo Snack
17. BUILDING RESPONSIVE LAYOUTS WITH FLEXBOX
5
- 18.1
  17.1. Technical Requirements
- 18.2
  17.2. Introducing Flexbox
- 18.3
  17.3. Introducing React Native Styles
- 18.4
  17.4. Using the Styled Components Library
- 18.5
  17.5. Building Flexbox Layouts
18. NAVIGATING BETWEEN SCREENS
5
- 19.1
  18.1. Technical Requirements
- 19.2
  18.2. Navigation Basics
- 19.3
  18.3. Route Parameters
- 19.4
  18.4. The Navigation Header
- 19.5
  18.5. Tab and Drawer Navigation
PENUTUPAN
2
- 20.1
  Post-Test
  0 Questions
- 20.2
  Kuesioner

This content is protected, please login and enroll in the course to view this content!

Bundle Materi

[email protected]

About

BrainEdu
Personnel
About Us

Social Media

Partners

Brainmatics Curriculum Booklet (PDF)

Login with your site account

Lost your password?

Remember Me

Not a member yet? Register now

Register a new account

Are you a member? Login now

Modal title

Main Content