REACT.AJ1
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.
- Practice in 15 Hands-On Labs — nothing to install
- 29 Interactive Lessons and 147 topics mapped to the official exam objectives
Intermediate Self-paced · 1 year access
15 Hands-On LiveLabs
Practice real IT tasks in guided environments.
- Real environments
- Auto-graded
- No installation
29Interactive Lessons
147Topics
15LiveLab
143Flashcards
143Glossary of terms
01 / Lessons & labs
See exactly what you will learn and practice
Lessons
29 Interactive Lessons · 147 topics01 Introduction 3 topics +
- Who this course is for
- What this course covers
- To get the most out of this course
02 Why React? 5 topics +
- What is React?
- What's new in React?
- Setting up a new React project
- Using web bundlers
- Summary
03 Rendering with JSX 6 topics · 1 LiveLab +
- Your first JSX content
- Rendering HTML
- Creating your own JSX elements
- Using JavaScript expressions
- Building fragments of JSX
- Summary
1 LiveLab in this lesson — see the labs panel →
04 Understanding React Components and Hooks 8 topics · 1 LiveLab +
- 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
1 LiveLab in this lesson — see the labs panel →
05 Event Handling in the React Way 6 topics · 1 LiveLab +
- Declaring event handlers
- Declaring inline event handlers
- Binding handlers to elements
- Using synthetic event objects
- Understanding event pooling
- Summary
1 LiveLab in this lesson — see the labs panel →
06 Crafting Reusable Components 6 topics +
- Reusable HTML elements
- The diffculty with monolithic components
- Refactoring component structures
- Render props
- Rendering component trees
- Summary
07 Type-Checking and Validation with TypeScript 4 topics +
- Knowing what to expect
- Introduction to TypeScript
- Using TypeScript in React
- Summary
08 Handling Navigation with Routes 4 topics +
- Declaring routes
- Handling route parameters
- Using link components
- Summary
09 Code Splitting Using Lazy Components and Suspense 5 topics · 1 LiveLab +
- Using the lazy API
- Using the Suspense component
- Avoiding lazy components
- Exploring lazy pages and routes
- Summary
1 LiveLab in this lesson — see the labs panel →
10 User Interface Framework Components 5 topics · 1 LiveLab +
- Layout and organization
- Using navigation components
- Collecting user input
- Working with styles and themes
- Summary
1 LiveLab in this lesson — see the labs panel →
11 High-Performance State Updates 4 topics +
- Batching state updates
- Prioritizing state updates
- Handling asynchronous state updates
- Summary
12 Fetching Data from a Server 6 topics · 1 LiveLab +
- Working with remote data
- Using the Fetch API
- Using Axios
- Using TanStack Query
- Using GraphQL
- Summary
1 LiveLab in this lesson — see the labs panel →
13 State Management in React 5 topics · 1 LiveLab +
- What is a global state?
- React Context API and useReducer
- Redux
- MobX
- Summary
1 LiveLab in this lesson — see the labs panel →
14 Server-Side Rendering 4 topics +
- Working on the server
- Using Next.js
- React Server Components
- Summary
15 Unit Testing in React 4 topics +
- Testing in general
- Unit testing
- Testing ReactJS
- Summary
16 Why React Native? 6 topics +
- 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 5 topics +
- 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 5 topics · 1 LiveLab +
- 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
1 LiveLab in this lesson — see the labs panel →
19 Building Responsive Layouts with Flexbox 5 topics · 1 LiveLab +
- Introducing Flexbox
- Introducing React Native styles
- Using the Styled Components library
- Building Flexbox layouts
- Summary
1 LiveLab in this lesson — see the labs panel →
20 Navigating Between Screens 6 topics · 1 LiveLab +
- The basics of navigation
- Route parameters
- The navigation header
- Tab and drawer navigation
- File-based navigation
- Summary
1 LiveLab in this lesson — see the labs panel →
21 Rendering Item Lists 6 topics · 1 LiveLab +
- Rendering data collections
- Sorting and filtering lists
- Fetching list data
- Lazy list loading
- Implementing pull-to-refresh
- Summary
1 LiveLab in this lesson — see the labs panel →
22 Geolocation and Maps 4 topics +
- Using the Geolocation API
- Rendering the map
- Annotating points of interest
- Summary
23 Collecting User Input 5 topics +
- Collecting text input
- Selecting from a list of options
- Toggling between on and off
- Collecting date/time input
- Summary
24 Responding to User Gestures 4 topics +
- Scrolling with your fingers
- Giving touch feedback
- Using Swipeable and Cancellable components
- Summary
25 Showing Progress 6 topics · 1 LiveLab +
- Understanding progress and usability
- Indicating progress
- Exploring navigation indicators
- Measuring progress
- Step progress
- Summary
1 LiveLab in this lesson — see the labs panel →
26 Displaying Modal Screens 6 topics · 1 LiveLab +
- Terminology definitions
- Getting user confirmation
- Error confirmation
- Passive notifications
- Activity modals
- Summary
1 LiveLab in this lesson — see the labs panel →
27 Using Animations 5 topics +
- Using React Native Reanimated
- The Animated API
- Animating layout components
- Animating component styles
- Summary
28 Controlling Image Display 5 topics · 1 LiveLab +
- Loading images
- Resizing images
- Lazy image loading
- Rendering icons
- Summary
1 LiveLab in this lesson — see the labs panel →
29 Going Offline 4 topics · 1 LiveLab +
- Detecting the state of the network
- Storing application data
- Synchronizing application data
- Summary
1 LiveLab in this lesson — see the labs panel →
Hands-On Labs Our edge
15 LiveLabs- Building Fragments Using JSX
- Working with Props and Hooks
- Creating an Inline Event Handler
- Implementing Lazy Loading Using React Suspense with Spinner Fallback
- Working with Styles and Themes in Material UI
- Fetching Data Using GraphQL with Apollo Client
- Managing the Global State in React
- Creating an App on Expo Snack
- Creating a Flexbox Layout Using Expo
- Navigating Between the Screens Using Expo Router
- Implementing Lazy List Loading Using FlatList
- Creating a Progress Bar Component
- Implementing Error Confirmation Using Modals
- Creating Icons Using Expo Vector Icons
- Storing the Application Data Offline
Labs run in your browser — nothing to install.
02 / FAQs
Questions before you start
Who is this React and React Native online course for?+
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.
Is there a react certification included in this training?+
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.
< p dir="ltr"> How does this course compare to other data certification programs? +
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.
Which software is used for react js and native development in this course?+
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.
Keep going
You might also like
Ready to Build Certified React Applications?
The future of software is cross-platform. Start your journey with the premier React and React Native online course and transform your portfolio with a recognized react certification program.
- 1 year of full access
- 15 LiveLab included
- Certificate of completion
No credit card required