Limited Batch Size


Work on Live Projects


Get Assured Job


Get Expert Mentors


Problem Solving Sessions

ReactJS Training in Ahmedabad

When it comes to design beautiful front-end applications, React JS brings a whole host of benefits for the developers. React JS training course from LogicRays is designed to help the fresher or experienced developers to get familiar with the key features and built-in offerings to develop lively applications.

Our course is focused on helping individuals understand how React JS can be used design reusable front-end applications. The training will help individuals to develop skills, knowledge, and in-depth understanding on various facets of React JS.

What is React JS?

React JS’s scalable, flexible, and robust community of developers has made it one of the most loved programming languages these days. It is one of the most advanced and newest tools to design interactive user interfaces for applications. As compared to any other UI design tools, it is more convenient and that is what makes learning React JS a worth investment for the new age developers.


In today’s time, mobile is everywhere and to expand your professional network it is important that you learn how to make mobile-friendly applications. React JS helps you make the mobile-compatible UI components. If you are not aware about JavaScript, learning React JS would help you master the JavaScript as well. Moreover, it will help you expand your professional reach

Development efficiency
High performance
Easy to
why Logicrays Academy?
  • Get strong understanding of the JSX components
  • Benefit of gaining expertise in JavaScript
  • Industry-best technical experts to support you develop your React JS skills
  • Proven and well-tested teaching methods for the newbie programmers
  • Get benefit of job placement assistance

Give your creativity a new wing by learning React Js from us!

For any questions, you can contact us or visit LogicRays Academy center.

React Js Course Details
  • HTML
    1. Introduction to HTML
    2. HTML Elements
    3. HTML Tags
    4. HTML Anchor Tag
    5. Images
    6. HTML List
    7. HTML Table
    8. HTML Form
    9. Div And Span
  • CSS
    1. What is CSS?
    2. CSS Syntax
    3. CSS Box Model
    4. CSS Selector
    5. CSS Properties
    6. Apply CSS in HTML files
  • JavaScript
    1. JavaScript Basics
      1. How does the web work?
      2. Purpose of Scripting language
      3. History of JavaScript
      4. Libraries of JavaScript
      5. Versions of JavaScript
      6. What is JavaScript?
      7. Applications of JavaScript
      8. JavaScript Syntax
      9. JavaScript in HTML File
      10. JavaScript Variables
      11. Controls statements in JavaScript
      12. Running JavaScript code using The Console
      13. Alerts in JS
      14. User input using prompt.
      15. What is Function
        1. Parameter less and Parameterized
      16. Passing values to function using
        1. Prompt
        2. Text box
      17. Accessing values of the controls using name and Id Property.
      18. Button Events.
      19. CSS in JavaScript
    2. JavaScript Objects
      1. What is a JavaScript Object?
        1. Creating Objects in JavaScript
        2. Defining Methods in JavaScript Object
        3. JavaScript Object Methods list
      2. What is JavaScript DOM?
      3. Important JavaScript Native Objects:
        1. Javascript - Number
        2. Javascript – Strings
        3. Javascript - Date
        4. Javascript - Arrays
        5. Javascript – Math
    3. JavaScript Advanced
      1. What is BOM and DOM
      2. BOM objects ,its properties and methods.
        1. Window object
        2. Document object
        3. getElementById()
        4. getElementByName()
        5. getElementByTagName()
        6. innerHTML
        7. JS Form validation
        8. JS Email validation
      3. Javascript ES6 Features
        1. What is ES6
        2. What is bable
        3. var, let & const keywords
        4. Template literals
        5. Arrow functions
        6. Spread Operator and Rest Parameter
        7. Destructuring Assignments (Object and Array)
        8. Array.map()
        9. Class
        10. Inheritance
        11. Static properties and methods
        12. Callback funtions
        13. Promises
        14. async and await keywords
        15. Modules
        16. Cookies
        17. Fetch API
        18. LocalStorage and SessionStorage
  • What is React?
  • Why do we use React?
  • What is Virtual DOM?
  • React version history
  • Features of React
  • Advantages and Disadvantages of React
  • Library vs. Framework
  • React vs Angular
  • React vs React Native
  • Node Setup
  • How to use NPM?
  • How to create package.json and purpose of it
  • Reactjs browser plugin
  • React Project Using create-react-app
  • Anatomy of react project
  • Running the Project
  • Debugging first react app
  • Working with React.createElement
  • Introduction of Virtual DOM
  • What and Why JSX
  • How does JSX work
  • Expressions in JSX
  • Using logical operators
  • Specifying attributes
  • Specifying children
  • JS vs JSX
  • Significance of component architecture
  • Why Components
  • Types of components - Functional, Class base
  • Import and export components
  • Child component
  • Nested components
  • Lift the state up
  • What is ReactJS render()
  • Pure component
  • Higher order components
  • What are Props
  • Passing data to component using props
  • Children props
  • What is state and its significance
  • Read state and update state
  • Using React key prop
  • Using map function to iterate on arrays to generate elements
  • What are React events
  • Understanding Synthetic event
  • Passing arguments to event handlers
  • Mounting Phase
  • Updating Phase
  • Unmounting Phase
  • Error Handling Phase
  • Controlled components
  • Uncontrolled components
  • Form Validations
  • Submitting Form
  • Formik Library
  • defaultValue prop
  • Using react ref prop to get access to DOM element
  • Forwarding ref
  • What is React Fragment
  • Benefits of React.Fragment
  • Fragment Short Syntax
  • If else
  • Javascript variable
  • Ternary operator
  • Short circuit operator
  • Inline Styles
  • CSS Stylesheet
  • CSS Modules
  • Styled-Components
  • bootstrap
  • React-bootstrap
  • What is context
  • When to use context
  • Create Context
  • Context.Provider
  • Context.Consumer
  • Setting up react router
  • Understand routing in single page applications
  • Working with BrowserRouter
  • Configuring route with Route component
  • Using Routes 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
  • Path less Route to handle failed matches
  • Hooks Introduction
  • When to use Hooks?
  • useState
  • useEffect
  • useRef
  • useNavigate
  • useContext
  • useMemo
  • Custom Hooks
  • fetch data using Fetch API
  • use axios
  • What is redux
  • Why redux
  • Redux principles
  • Creating actions, reducer and store
  • What is React Redux
  • Why React Redux
  • Install and setup
  • Presentational vs Container components
  • Understanding mapStateToProps and mapDispatchtToProps usage
  • Adding middleware
  • Build an application using react-redux
Our Student Testimonials
Thank you for register, we will get back to you.