![](https://oraniumtech.com/wp-content/uploads/2022/12/React-JS.png)
Course Details
- Category
- Web Designing Training
- Mode of Training
- Online/Offline
- Duration
- 3 months
- Fees
- ₹ 25K
Course Features
Instructor led Sessions
The most traditional way to learn with increased visibility, monitoring, and control over learners with ease to learn at any time from internet-connected devices.
Real-life Case Studies
Case studies based on top industry frameworks help you to relate your learning with real-time based industry solutions.
Assignment
Adding the scope of improvement and fostering the analytical abilities and skills through the perfect piece of academic work.
Certification
Each certification associated with the program is affiliated with the top universities providing edge to gain epitome in the course.
Instructor led Sessions
With no limits to learning and in-depth vision from all-time available support to resolve all your queries related to the course.
React JS Training
Oranium Tech introducing some amazing content on React JS. Our React.JS Course equips the learner with developing single-page or mobile applications and creates reusable components for web pages and mobile applications. We have designed React.JS Course Syllabus by industry experts as per the
requirements of current trends. The React.JS Course Curriculum contains basic elements like introduction, JSX overview, Environmental setup, real-time applications, forms and UI, Component Lifecycle, Event Handling, and Styles along with advanced features such as router and navigations, Flux, Redux, and Unit testing methods. Check out the detailed React.JS Course Content below
Course Syllabus
- What is React?
- Why React?
- React version history
- React 16 vs React 15
- Just React – Hello World
- Using create-react-app
- Anatomy of react project
- Running the app
- Debugging first react app
- Working with React. create Element
- Expressions
- Using logical operators
- Specifying attributes
- Specifying children
- Fragments
- Significance of component architecture
- Types of components
- Functional
- Class based
- Pure
- Component Composition
- What are the state and its significance?
- Read state and set state
- Passing data to components using props
- Validating props using propTypes
- Supplying default values to props using default props
- Using react key prop
- Using the map function to iterate on arrays to generate elements
- Understanding React event system
- Understanding Synthetic event
- Passing arguments to event handlers
- Understand the lifecycle methods
- Handle errors using error boundaries
- Controlled components
- Uncontrolled components
- Understand the significance of default Value prop
- Using react ref prop to get access to the DOM element
- What is context
- When to use context
- Create Context
- Context.Provider
- Context.Consumer
- Reading context in class
- What is code splitting
- Why do you need code splitting
- React.lazy
- Suspense
- Route-based code splitting
- What are hooks
- Why do you need hooks
- Different types of hooks
- Using state and effect hooks
- Rules of hooks
- Setting up react-router
- Understand routing in single-page applications
- Working with Browser Router and Hash Router components
- Configuring route with Route component
- Using Switch component to define routing rules
Making routes dynamic using route params - Working with nested routes
- Navigating to pages using Link and NavLink component
- Redirect routes using Redirect Component
- Using Prompt component to get consent of user for navigation
- Path less Route to handle failed matches
- What is redux
- Why redux
- Redux principles
- Install and setup redux
- Creating actions, reducers and store
- What is Immutable.js?
- Immutable collections
- Lists
- Maps
- Sets
- What is React Redux
- Why React Redux
- Install and setup
- Presentational vs Container components
- Understand high-order component
- Understanding mapStateToProps and mapDispatchtToProps usage
- Why redux middleware
- Available redux middleware choices
- What is redux-saga
- Install and setup redux-saga
- Working with Saga helpers
- Sagas vs promises
- Understand the significance of unit testing
- Understand unit testing jargon and tools
- Unit testing react components with Jest
- Unit testing react components with enzyme
- What is webpack
- Why webpack
- Install and setup webpack
- Working with webpack configuration file
- Working with loaders
- Working with plugins
- Setting up Hot Module Replacement
- What is server-side rendering (SSR)?
- Why SSR
- Working with render To String and render To StaticM ark up methods