Introduction to React js online training
About React js online training
- ReactJS is a JavaScript library for building user interfaces, It is maintained by Facebook and a community of individual developers, React can be used as a base in the development of web or mobile applications.
- The primary goal of this ReactJS Certification course is to educate you about the process and provide you with the skills you’ll need to become a professional React developer. Through self-paced and instructor-led training sessions, you will master the fundamentals of React, including how to comprehend and construct React components and structure applications with Redux.
What you will learn
Objectives
- Learn the language of the web: HTML and CSS , JAVASCRIPT.
- Learn latest version of ReactJS
- Learn all React topics from basics to advanced
- Learn by building LIVE apps
- Get proper guidance by Industry Experts
- Course completion certificate
Prerequisites
- Basics of javascript like creating functions and loops.
Certifications
- Upon completion you will receive a recognized certificate from VYTCDC on ReactJS.
What is React js
- ReactJS is a JavaScript library for building user interfaces, It is maintained by Facebook and a community of individual developers, React can be used as a base in the development of web or mobile applications. It creates basic views for each state of your application, and when your data changes, React will rapidly update and render the appropriate component.
Why React js online training
- ReactJS is a powerful JavaScript library for efficiently creating interactive user interfaces. Companies like Facebook and Instagram use it. This ReactJS online training course is for you if you want to develop your working skills and create UI/UX solutions for mobile or the web.
Advantage of React js online course with VYTCDC
- VYTCDC guarantees 100% job placement in the world’s leading IT companies. Our ReactJS training course instructors have a 4.8 instructor rating due to their vast industry expertise in teaching thousands of students. VYTCDC’s ReactJS certification course for beginners will teach you the basics through hands-on real-life projects and professional coaching, equipping you with future-ready abilities.
What you’ll learn with this React js course
- An introduction to React and its fundamental concepts
- Discover what JSX is and how it works behind the scenes.
- Discover the difference between stateful and stateless components and when to utilise them.
- Working with function-based and class-based components
- Using React Modules, importing and exporting modules
- Understanding the render method in depth
- React component lifecycle and multiple lifecycle methods
- Creating dynamic websites with reusable components
- Creating a solid operating framework for a project from the ground up, which will aid in the project’s long-term viability.
Curriculum
- 31 Sections
- 257 Lessons
- 4 Weeks
Expand all sectionsCollapse all sections
- HTMLHTML – Introduction (2 Hours)13
- HTML - Web Forms (1 Hour)12
- HTML- Special Tags (30 Min)5
- HTML - Formatting Tags (30 Min)7
- HTML513
- HTML5 - Form Attributes (30 Min)7
- CSSCSS Introduction (1 Hour)9
- Css – SyllabusCSS Introduction – 1 Hour3
- CSS - Box Model (1 Hour)12
- CSS3 Introduction (1 Hour)12
- CSS3 Introduction (1 Hour)14
- JavaScriptWhat is JavaScript? (1 Hour)4
- JS -Starting to Code1
- Interacting with Users6
- JavaScript Language Essentials (1 Hour)7
- Working with Dates and Times (3 Hours)3
- Building Smarter Forms7
- Handling Events (1 Hour)6
- The DOM, Nodes, and Objects (1 Hour)6
- JavaScript Refresher (1 Hour)8
- ReactSetting up your environment (1 Hour)3
- React Basics & Working With Components (8 Hours)16
- 22.0What Are Components? And Why Is React All About Them?
- 22.1A Note About New React Projects & NodeJS
- 22.2Creating a new React Project
- 22.3Analyzing a Standard React Project
- 22.4Introducing JSX
- 22.5How React Works
- 22.6Building a First Custom Component
- 22.7Adding Basic CSS Styling
- 22.8Outputting Dynamic Data
- 22.9Passing Data via “props”
- 22.10Splitting Components Into Multiple Components
- 22.11The Concept of “Composition” (“children props”)
- 22.12Organizing Component Files
- 22.13An Alternative Function Syntax
- 22.14Learning Check: React Basics, Components, Props, Router
- 22.15Time to Practice: React & Component Basics
- React State and Working with events (4 Hours)16
- 23.0Listening to Events & Working with Event Handlers
- 23.1How Component Functions Are Executed
- 23.2Working with “State”
- 23.3A Closer Look at the “useState” Hook
- 23.4State can be updated in many ways!
- 23.5Adding Form Inputs
- 23.6Listening to User Input
- 23.7Working with Multiple States
- 23.8Using One State Instead (And What’s Better)
- 23.9Updating State That Depends On The Previous State
- 23.10Handling Form Submission
- 23.11Adding Two-Way Binding
- 23.12Child-to-Parent Component Communication (Bottom-up)
- 23.13Lifting The State Up
- 23.14Time to Practice: Working with Events & State
- 23.15Controlled vs Uncontrolled Components & Stateless vs Stateful Components
- Styling React Components (1 Hour)6
- Debugging React Apps (1 Hour)4
- Advanced: Handling Hooks (2 Hours)14
- 26.0What are “Side Effects” & Introducing useEffect
- 26.1Using the useEffect() Hook
- 26.2What to add & Not to add as Dependencies
- 26.3Introducing useReducer & Reducers In General
- 26.4Using the useReducer() Hook
- 26.5useReducer & useEffect
- 26.6Adding Nested Properties As Dependencies To useEffect
- 26.7useReducer vs useState for State Management
- 26.8Introducing React Context (Context API)
- 26.9Using the React Context API
- 26.10Making Context Dynamic
- 26.11Building & Using a Custom Context Provider Component
- 26.12React Context Limitations
- 26.13Learning the “Rules of Hooks”
- Sending HTTP Requests (Connecting Database) (2 Hours)6
- Working with forms and User Input (2 Hours)6
- Redux (4 Hours)13
- 29.0Redux uses
- 29.1How Redux Works
- 29.2Creating a Redux Store for React
- 29.3More Redux Basics
- 29.4Providing the Store
- 29.5Using Redux Data in React Components
- 29.6Dispatching Actions From Inside Components
- 29.7Redux with Class-based Components
- 29.8Attaching Payloads to Actions
- 29.9Working with Multiple State Properties
- 29.10How To Work With Redux State Correctly
- 29.11Redux Challenges & Introducing Redux Toolkit
- 29.12Time to Practice: Redux
- Replacing Redux with React Hooks (1 Hour)7
- Time to Practice: New Project (2 Hours)Testing React Apps (2 Hours)11
- 31.0What & Why?
- 31.1Understanding Different Kinds Of Tests
- 31.2What To Test & How To Test
- 31.3Understanding the Technical Setup & Involved Tools
- 31.4Running a First Test
- 31.5Writing Our First Test
- 31.6Grouping Tests Together With Test Suites
- 31.7Testing User Interaction & State
- 31.8Testing Asynchronous Code
- 31.9Working With Mocks
- 31.10Summary & Further Resources
Technical Training Director
Chapters:
