All Vskills Certification exams are ONLINE now. You may take from any where any time | Please use #TOGETHER for 20% discount

ReactJs Table of Content


Table of Content
 


Module 1: Hands-on Web Development with React

GET A HEAD START BY CREATING A REACT APP

  • Introduction
  • What Is React Anyway?
  • Using Package Managers and the Command Line
  • Your First React App
  • Understanding the Basis of the CRA Magic
  • React, JSX, and Your First Component

BUILDING COMPONENTS WITH REACT

  • Creating a Reusable List Component
  • Forms, Inputs, and Handling Events
  • Understanding Local State in React
  • Validating User Input
  • Examining Code with React Developer Tools

UNDERSTANDING THE CORE CONCEPTS

  • Understanding Lifecycle Methods by Example
  • Prop Drilling and Lifting State
  • Type Checking with PropTypes
  • Reconciliation and the Virtual DOM
  • Functional (Stateless) Components

CRAFTING STYLED COMPONENTS

  • Styling React Components with Good Ol‘ CSS
  • Why is CSS-in-JS Growing in Popularity?
  • Getting Started with Styled Components
  • Modern Layouts with Flexbox
  • Working with Animations
  • Building Dynamic Themes

BUILDING A FULL REACT SPA

  • Routing with React Router
  • Working with an API
  • Be Offline-Ready with Mocked APIs
  • Adding a Login System to Our App
  • Session Management

MULTI-ROLE SPAS WITH REACT

  • Adding Public Content
  • Handling Different User Roles in Our System
  • Not Just Routes: Granular Feature Control!
  • Working with Third-Party Libraries
  • Session Management

ADVANCED PATTERNS AND CONCEPTS

  • Functional Programming: You’re Already Doing It!
  • Higher Order Components
  • It’s Just Functions!
  • Simple Component Testing with Jest
  • Safeguard Your App with Snapshot Tests
  • Where to Go From Here?


Module 2: Learning React Native Development

GETTING STARTED WITH REACT NATIVE

  • Introduction
  • Installation and Setup
  • Running the Simulator
  • Understanding JSX

STYLING WITH REACT COMPONENTS

  • App Overview
  • Styling the Header
  • Structuring the Photo Section
  • Flexbox
  • Styling the Photo Section

FETCHING DYNAMIC DATA

  • Endpoint to Fetch Data
  • Functional versus Class-Based Components
  • Axios
  • React States
  • Lifecycle Methods
  • Looping Through Photo Section
  • Implementing the Like Button

INTRODUCING REDUX

  • What Is Redux?
  • Managing State Using Redux
  • Action Creators
  • Creating the Photos Reducer
  • Calling Actions from Components

HANDLING AUTHENTICATION

  • Login Form Overview
  • Structuring the Login Form
  • Firebase Configuration
  • Managing Input State
  • Storing Form Input in Reducers
  • Getting the Form Input Values
  • Firebase Login API
  • Login Wrapup

CREATING YOUR OWN APP

  • App Overview of IdeaPad
  • Configuring the Database
  • Structuring the IdeaPad Form
  • Submitting Ideas
  • Showing List of Ideas

HANDLING NAVIGATION

  • React Native Navigation
  • Navigating Between Screens
  • Fetching Data from Firebase
  • Editing Ideas
  • Editing Action Creator
  • Deleting Ideas


Apply for certification

https://www.vskills.in/certification/web-development/reactjs-certification