React.js Fundamentals | Brainmatics

Back

Short Courses
Regular Courses
Private Courses
About Us
Account

Login | Register | Cart

header

30 Sections
125 Lessons
32 Hours

Expand all sectionsCollapse all sections

PERSIAPAN
2
- 1.1
  Pre-Test
  10 Minutes10 Questions
- 1.2
  Download Materi
1. INTRODUCTION REACT
3
- 2.1
  1.1. What is React
- 2.2
  1.2. React Features
- 2.3
  1.3. What’s new in React
2. RENDERING WITH JSX
6
- 3.1
  2.1. JSX content
- 3.2
  2.2. Rendering HTML
- 3.3
  2.3. Describing UI Structures
- 3.4
  2.4. Creating JSX Elements
- 3.5
  2.5. Using JavaScript Expressions
- 3.6
  2.6. Fragments of JSX
3. COMPONENT PROPERTIES, STATE, & CONTEXT
6
- 4.1
  3.1. What is Component State?
- 4.2
  3.2. What are Component Properties?
- 4.3
  3.3. Setting a Component State
- 4.4
  3.4. Passing Property Values
- 4.5
  3.5. Stateless Components
- 4.6
  3.7. Providing & Consuming Context
4. GETTING STARTED WITH HOOKS
4
- 5.1
  4.1. Maintaining State Using Hooks
- 5.2
  4.2. Performing Initialization & Cleanup Actions
- 5.3
  4.3. Sharing Data Using Context Hooks
- 5.4
  4.4. Using Reducer Hooks to Scale State Management
5. EVENT HANDLING - THE REACT WAY
6
- 6.1
  5.1. Declaring Event Handlers
- 6.2
  5.2. Using Event Handler Context and Parameters
- 6.3
  5.3. Declaring Inline Event Handlers
- 6.4
  5.4. Binding Handlers to Elements
- 6.5
  5.5. Using Synthetic Event Objects
- 6.6
  5.6. Understanding Event Pooling
6. CRAFTING REUSABLE COMPONENTS
6
- 7.1
  6.1. Reusable HTML Elements
- 7.2
  6.2. The Difficulty with Monolithic Components
- 7.3
  6.3. Refactoring Component Structures
- 7.4
  6.5. Refactoring Class Components Using Hooks
- 7.5
  6.6. Rendering Component Trees
- 7.6
  6.7. Feature Components & Utility Components
7. THE REACT COMPONENT LIFE CYCLE
6
- 8.1
  7.1. Why Components Need a Life Cycle
- 8.2
  7.2. Initializing Properties and State
- 8.3
  7.3. Optimizing Rendering Efficiency
- 8.4
  7.4. Rendering Imperative Components
- 8.5
  7.5. Cleaning Up After components
- 8.6
  7.6. Containing Errors with Error Boundaries
8. VALIDATING COMPONENT PROPERTIES
4
- 9.1
  8.1. Promoting Portable Components
- 9.2
  8.2. Simple Property Validators
- 9.3
  8.3. Type and Value Validators
- 9.4
  8.4. Writing Custom Property Validators
9. HANDLING NAVIGATION WITH ROUTES
3
- 10.1
  9.1. Declaring Routes
- 10.2
  9.2. Handling Route Parameters
- 10.3
  9.3. Using Link Components
10. CODE SPLITTING USING LAZY COMPONENTS & SUSPENSE
4
- 11.1
  10.1. Using the Lazy API
- 11.2
  10.2. Using the Suspense Component
- 11.3
  10.3. When to Avoid Lazy Components
- 11.4
  10.4. Lazy Pages & Routes
11. SERVER-SIDE REACT COMPONENTS
5
- 12.1
  11.1. What is Isomorphic JavaScript
- 12.2
  11.2. Rendering to Strings
- 12.3
  11.3. Backend Routing
- 12.4
  11.4. Frontend Reconciliation
- 12.5
  11.5. Fetching Data
12. USER INTERFACE FRAMEWORK COMPONENTS
4
- 13.1
  12.2. Using Navigation Components
- 13.2
  12.1. Layout & Organization
- 13.3
  12.3. Collecting User Input
- 13.4
  12.4. Working with Styles & Themes
13. INTRODUCTION REACT NATIVE
5
- 14.1
  13.1. Introduction React Native
- 14.2
  13.2. React & JSX are Familiar
- 14.3
  13.3. The Mobile Browser Experience
- 14.4
  13.4. Android & iOS – Different Yet the Same
- 14.5
  13.5. The Case for Mobile Web Apps
14. KICK-STARTING REACT NATIVE PROJECTS
3
- 15.1
  14.1. Installing & Using the Expo Command-Line Tool
- 15.2
  14.2. Viewing App on Phone
- 15.3
  14.3. Viewing App on Expo Snack
15. BUILDING RESPONSIVE LAYOUTS WITH FLEXBOX
3
- 16.1
  15.1. Flexbox is the New Layout Standard
- 16.2
  15.2. Introducing React Native Styles
- 16.3
  15.3. Building Flexbox Layouts
16. NAVIGATING BETWEEN SCREENS
5
- 17.1
  16.1. Navigation Basics
- 17.2
  16.2. Route Parameters
- 17.3
  16.3. The Navigation Header
- 17.4
  16.4. Tab and Drawer Navigation
- 17.5
  16.5. Handling State
17. RENDERING ITEM LISTS
4
- 18.1
  17.1. Rendering Data Collections
- 18.2
  17.2. Sorting & Filtering Lists
- 18.3
  17.3. Fetching List Data
- 18.4
  17.4. Lazy List Loading
18. SHOWING PROGRESS
5
- 19.1
  18.1. Progress & Usability
- 19.2
  18.2. Indicating Progress
- 19.3
  18.3. Measuring Progress
- 19.4
  18.4. Navigation Indicators
- 19.5
  18.5. Step Progress
19. GEOLOCATION & MAPS
3
- 20.1
  19.1. Where Am I?
- 20.2
  19.2. What’s Around Me?
- 20.3
  19.3. Annotating Points of Interest
20. COLLECTING USER INPUT
4
- 21.1
  20.1. Collecting Text Input
- 21.2
  20.2. Selecting From a List of Options
- 21.3
  20.3. Toggling Between On & Off
- 21.4
  20.4. Collecting Date/Time Input
21. DISPLAYING MODAL SCREENS
4
- 22.1
  21.1. Important Information
- 22.2
  21.2. Getting User Confirmation
- 22.3
  21.3. Passive Notifications
- 22.4
  21.4. Activity Modals
22. RESPONDING TO USER GESTURES
3
- 23.1
  22.1. Scrolling with Fingers
- 23.2
  22.2. Giving Touch Feedback
- 23.3
  22.3. Swipeable & Cancellable
23. CONTROLLING IMAGE DISPLAY
4
- 24.1
  23.1. Loading Images
- 24.2
  23.2. Resizing Images
- 24.3
  23.3. Lazy Image Loading
- 24.4
  23.4. Rendering Icons
24. GOING OFFLINE
3
- 25.1
  24.1. Detecting the State of the Network
- 25.2
  24.2. Storing Application Data
- 25.3
  24.3. Synchronizing Application Data
25. NATIVE UI COMPONENTS USING NATIVEBASE
6
- 26.1
  25.1. Application Containers
- 26.2
  25.2. Headers, Footers, & Navigation
- 26.3
  25.3. Using Layout Components
- 26.4
  25.4. Collecting Input using Form Components
- 26.5
  25.5. Displaying Data Using Lists
- 26.6
  25.6. Showing User Notifications
26. HANDLING APPLICATION STATE
4
- 27.1
  26.1. Information Architecture & Flux
- 27.2
  26.2. Unified Information Architecture
- 27.3
  26.3. Implementing Redux
- 27.4
  26.4. Scaling the Architecture
27. INTRODUCTION APOLLO
4
- 28.1
  27.1. Yet Another Approach?
- 28.2
  27.2. Verbose Vernacular
- 28.3
  27.3. Declarative Data Fetching
- 28.4
  27.4. Mutating Application State
28. BUILDING AN APOLLO REACT APP
6
- 29.1
  28.1. Todo and Apollo Client
- 29.2
  28.2. The GraphQL Schema
- 29.3
  28.3. Bootstrapping Apollo Client
- 29.4
  28.4. Adding Todo Items
- 29.5
  28.5. Rendering Todo Items
- 29.6
  28.6. Completing Todo Items
PENUTUPAN
2
- 30.1
  Post-Test
  10 Minutes10 Questions
- 30.2
  Kuesioner

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

Post-Test

[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