uCertify

React and React Native

Transform your coding workflow and career by mastering Generative AI techniques alongside modern frontend frameworks—the definitive skill set for the modern software developer.

(REACT.AJ1) / ISBN : 979-8-90059-034-9
Lessons
Lab
AI Tutor (Add-on)
Get A Free Trial

About This Course

This React and React Native online course is engineered for developers aiming to build high-performance web and mobile applications. Dive deep into React's core principles, including JSX, components, hooks, and state management. Transition seamlessly to React Native, mastering cross-platform mobile development, responsive layouts, navigation, and data handling. You'll tackle real-world scenarios, understand trade-offs in architecture, and learn to optimize performance.

With 12 hands-on labs, 246 practice quizzes, and 29 comprehensive chapters, this certification preparation course provides the technical depth required to outrank competitors and become a proficient React and React Native engineer. Expect to confront common failure points and build resilient applications.

Skills You’ll Get

  • Develop robust web applications using React.js: Master component-based architecture, state management (Context API, Redux), event handling, and data fetching, understanding performance trade-offs.
  • Build high-performance cross-platform mobile applications with React Native: Implement responsive layouts using Flexbox, manage navigation, handle user input, and integrate device-specific features like geolocation.
  • Optimize React applications for performance and maintainability: Apply techniques like code splitting, batching state updates, server-side rendering (Next.js), and implement robust unit testing strategies.
  • Integrate advanced tooling and best practices into React workflows: Utilize TypeScript for type-checking, manage routes effectively, and understand the architectural nuances of both React and React Native.
Download Course Outline

1

Introduction

  • Who this course is for
  • What this course covers
  • To get the most out of this course
2

Why React?

  • What is React?
  • What’s new in React?
  • Setting up a new React project
  • Using web bundlers
  • Summary
3

Rendering with JSX

  • Your first JSX content
  • Rendering HTML
  • Creating your own JSX elements
  • Using JavaScript expressions
  • Building fragments of JSX
  • Summary
4

Understanding React Components and Hooks

  • Introduction to React components
  • What are component properties?
  • What is component state?
  • React Hooks
  • Performing initialization and cleanup actions
  • Sharing data using context Hooks
  • Memoization with Hooks
  • Summary
5

Event Handling in the React Way

  • Declaring event handlers
  • Declaring inline event handlers
  • Binding handlers to elements
  • Using synthetic event objects
  • Understanding event pooling
  • Summary
6

Crafting Reusable Components

  • Reusable HTML elements
  • The diffculty with monolithic components
  • Refactoring component structures
  • Render props
  • Rendering component trees
  • Summary
7

Type-Checking and Validation with TypeScript

  • Knowing what to expect
  • Introduction to TypeScript
  • Using TypeScript in React
  • Summary
8

Handling Navigation with Routes

  • Declaring routes
  • Handling route parameters
  • Using link components
  • Summary
9

Code Splitting Using Lazy Components and Suspense

  • Using the lazy API
  • Using the Suspense component
  • Avoiding lazy components
  • Exploring lazy pages and routes
  • Summary
10

User Interface Framework Components

  • Layout and organization
  • Using navigation components
  • Collecting user input
  • Working with styles and themes
  • Summary
11

High-Performance State Updates

  • Batching state updates
  • Prioritizing state updates
  • Handling asynchronous state updates
  • Summary
12

Fetching Data from a Server

  • Working with remote data
  • Using the Fetch API
  • Using Axios
  • Using TanStack Query
  • Using GraphQL
  • Summary
13

State Management in React

  • What is global state?
  • React Context API and useReducer
  • Redux
  • MobX
  • Summary
14

Server-Side Rendering

  • Working on the server
  • Using Next.js
  • React Server Components
  • Summary
15

Unit Testing in React

  • Testing in general
  • Unit testing
  • Testing ReactJS
  • Summary
16

Why React Native?

  • What is React Native?
  • React and JSX are familiar
  • The mobile browser experiences
  • Android and iOS: different yet the same
  • The case for mobile web apps
  • Summary
17

React Native under the Hood

  • Exploring the React Native architecture
  • React Native current architecture
  • Explaining JS and Native modules
  • Exploring React Native components and APIs
  • Summary
18

Kick-Starting React Native Projects

  • Exploring React Native CLI tools
  • Installing and using the Expo command-line tool
  • Viewing your app on your phone
  • Viewing your app on Expo Snack
  • Summary
19

Building Responsive Layouts with Flexbox

  • Introducing Flexbox
  • Introducing React Native styles
  • Using the Styled Components library
  • Building Flexbox layouts
  • Summary
20

Navigating Between Screens

  • The basics of navigation
  • Route parameters
  • The navigation header
  • Tab and drawer navigation
  • File-based navigation
  • Summary
21

Rendering Item Lists

  • Rendering data collections
  • Sorting and filtering lists
  • Fetching list data
  • Lazy list loading
  • Implementing pull to refresh
  • Summary
22

Geolocation and Maps

  • Using the Geolocation API
  • Rendering the map
  • Annotating points of interest
  • Summary
23

Collecting User Input

  • Collecting text input
  • Selecting from a list of options
  • Toggling between on and off
  • Collecting date/time input
  • Summary
24

Responding to User Gestures

  • Scrolling with your fingers
  • Giving touch feedback
  • Using Swipeable and Cancellable components
  • Summary
25

Showing Progress

  • Understanding progress and usability
  • Indicating progress
  • Exploring navigation indicators
  • Measuring progress
  • Step progress
  • Summary
26

Displaying Modal Screens

  • Terminology definitions
  • Getting user confirmation
  • Error confirmation
  • Passive notifications
  • Activity modals
  • Summary
27

Using Animations

  • Using React Native Reanimated
  • The Animated API
  • Animating layout components
  • Animating component styles
  • Summary
28

Controlling Image Display

  • Loading images
  • Resizing images
  • Lazy image loading
  • Rendering icons
  • Summary
29

Going Offline

  • Detecting the state of the network
  • Storing application data
  • Synchronizing application data
  • Summary

1

Rendering with JSX

  • Building Fragments Using JSX
2

Understanding React Components and Hooks

  • Working with Props and Hooks
3

Event Handling in the React Way

  • Creating an Inline Event Handler
4

Crafting Reusable Components

5

Type-Checking and Validation with TypeScript

6

Handling Navigation with Routes

7

Code Splitting Using Lazy Components and Suspense

8

User Interface Framework Components

9

High-Performance State Updates

10

Fetching Data from a Server

11

State Management in React

  • Managing the Global State in React
12

Server-Side Rendering

13

Unit Testing in React

14

Kick-Starting React Native Projects

  • Creating an App on Expo Snack
15

Building Responsive Layouts with Flexbox

  • Creating Flexbox Layout Using Expo
16

Navigating Between Screens

  • Creating Screen Navigation Using Expo Router
17

Rendering Item Lists

  • Implementing Lazy List Loading Using FlatList
18

Geolocation and Maps

19

Collecting User Input

20

Responding to User Gestures

21

Showing Progress

  • Creating a Progress Bar Component
22

Displaying Modal Screens

  • Implementing Error Confirmation Using Alerts and Modals
23

Using Animations

24

Controlling Image Display

  • Working with Icons Using Expo
25

Going Offline

  • Storing the Application Data Offline

Any questions?
Check out the FAQs

  Want to Learn More?

Contact Us Now

  This course is designed for developers looking to master both web and mobile application development using React and React Native. It's ideal for those aiming for certification preparation or seeking to deepen their technical expertise.

 

Yes, this program acts as a comprehensive react certification program. While many people ask is there any certification for react js on forums, our course provides a structured path toward a verified uCertify credential that validates your expertise to employers.

  While many data certification programs focus solely on backend analytics, this course emphasizes the "front-facing" side of data. You will learn to visualize and manage Data through interactive components, making it a vital companion to traditional data certifications.

We provide hands-on labs that answer which software is used for react js by introducing you to industry standards like Node.js, Visual Studio Code, and Expo for React Native, ensuring you have a professional-grade development environment from day one.

Related Courses

All Courses
We use cookies for improving site experience and analytics. Learn More