Why should you take React JS?
Kethuinfotech React JS Certification Course in Bangalore. We taught you in detailed explanations of what React JS is, why we use React JS, What is JSX, Unidirectional data flow, React Components, React Hooks and React Router, etc. Our instructor-led training to understand and build React Application with React JS components and React Hooks, React Router and we use state management library Redux.
REACT JS COURSE CURRICULUM
Topics
- History of Javascript
- What is ES6
- A word on bable
- Block scope, let & const
- Template literals
- Arrow functions
- Spread and Rest operators
- Object literal improvements
- Destructuring
- Classes
- Inheritance
- Static properties and methods
- Promises
- Iterators and Iterables
- Generators
- Modules
Topics
- 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
Topics
- Working with React. createElement
- Expressions
- Using logical operators
- Specifying attributes
- Specifying children
- Fragments
Topics
- Significance of component architecture
- Types of components
- Functional
- Class based
- Pure
- Component Composition
Topics
- What is state and it significance
- Read state and set state
- Passing data to component using props
- Validating props using propTypes
- Supplying default values to props using defaultProps
Topics
- Using react key prop
- Using map function to iterate on arrays to generate elements
Topics
- Understanding React event system
- Understanding Synthetic event
- Passing arguments to event handlers
Topics
- Understand the lifecycle methods
- Handle errors using error boundaries
Topics
- Controlled components
- Uncontrolled components
- Understand the significance to default Value prop
- Using react ref prop to get access to DOM element
Topics
- What is context
- When to use context
- Create Context
- Context.Provider
- Context.Consumer
- Reading context in class
Topics
- What is code splitting
- Why do you need code splitting
- React.lazy
- Suspense
- Route-based code splitting
Topics
- What are hooks
- Why do you need hooks
- Different types of hooks
- Using state and effect hooks
- Rules of hooks
Topics
- Setting up react router
- Understand routing in single page applications
- Working with BrowserRouter and HashRouter 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
Topics
- What is redux
- Why redux
- Redux principles
- Install and setup redux
- Creating actions, reducer and store
Topics
- What is Immutable.js?
- Immutable collections
- Lists
- Maps
- Sets
Topics
- What is React Redux
- Why React Redux
- Install and setup
- Presentational vs Container components
- Understand high order component
- Understanding mapStateToProps and mapDispatchtToProps usage
Topics
- Why redux middleware
- Available redux middleware choices
- What is redux saga
- Install and setup redux saga
- Working with Saga helpers
- Sagas vs promises
Topics
- Understand the significance of unit testing
- Understand unit testing jargon and tools
- Unit testing react components with Jest
- Unit testing react components with enzyme
Topics
- What is jpgack
- Why jpgack
- Install and setup jpgack
- Working with jpgack configuration file
- Working with loaders
- Working with plugins
- Setting up Hot Module Replacement
Topics
- What is server-side rendering (SSR)?
- Why SSR
- Working with renderToString and renderToStaticMarkup methods
REACT JS COURSE DESCRIPTION
React is a JavaScript library used to build a responsive user interface for web and mobile applications.. here you build complex UI from small and isolated pieces of code called “components”. React can render on the server using Node run in different environments and easy to test and deploy.
The React certification training is designed to provide you the knowledge and skills
required to become a successful web and mobile application developer
quick starts with the basic concepts of React and its architecture.
our training then focuses on Redux and its features demonstrate how React and Redux can be used together to build extensive web applications and later guides you on how to develop responsive UIs to handle user interactions in a mobile environment using React Native work from any place in the world
(a) Build a proper understanding of Web Development Architecture
(b) Create an application using React components
(c) Perform Navigation using Routes
(d) Build Web Applications using React with Redux
(e) Program Async Actions using Redux-Saga Middleware
(f) Write Queries using GraphQL
(g) Execute Test Cases using Jest
(h) Deploy Applications using Docker and Nginx
(i) Build Mobile Applications using Native React
(a) Freshers and Aspiring Frontend (JavaScript) Developers
(b) UI/UX Developers
(c) Web Developers
(d) Software Developers
HTML + CSS + JavaScript (You don’t need to be an expert but should be familiar with the basics of these topics)
REACT JS COURSE PROJECT
- A system with an Intel i3 processor or above
- A minimum of 3GB RAM (4GB or above recommended for faster processing)
- Operating system: 32bit or 64 bits
You will do your assignments/case studies using Jupyter Notebook that is already installed on your Cloud LAB environment (access it from a browser). The access credentials are available on your LMS. Should you have any queries, the 24*7 Support Team will promptly assist you.