Leading Online and Classroom
Training & Development Centre
SYLLABUS OF SYBASE DBA
Module 1: Introduction to React
Learning Objective: Understand React basics, its advantages, and how it differs
from traditional JS frameworks.
Topics:
• What is React and Why Use It?
• React Features and Architecture
• JSX Syntax and Rules
• Virtual DOM and Performance Benefits
• Setting Up React Environment
Module 2: Components and Props
Learning Objective: Learn to build reusable components and pass data using props
for dynamic UI creation.
Topics:
• Functional vs Class Components
• Creating and Nesting Components
• Using Props for Data Passing
• Default and PropTypes Validation
• Component Reusability Best Practices
Module 3: State and Lifecycle Methods
Learning Objective: Understand React state management and lifecycle for dynamic
rendering and updates.
Topics:
• What is State?
• Using setState and State Updates
• Lifecycle Methods in Class Components
• ComponentDidMount, DidUpdate, WillUnmount
• Functional Components with Hooks Intro
Module 4: React Hooks
Learning Objective: Use Hooks to manage state, effects, and context in functional
components.
Topics:
• Introduction to Hooks
• useState and useEffect Hooks
• useContext and useReducer Hooks
• Custom Hooks
• Rules and Best Practices for Hooks
Module 5: Event Handling and Forms
Learning Objective: Handle user interactions and manage controlled/uncontrolled
form elements.
Topics:
• Handling Events in React
• Passing Arguments to Event Handlers
• Controlled Components
• Uncontrolled Components and Refs
• Form Validation Techniques
Module 6: React Router and Navigation
Learning Objective: Implement routing and navigation to build multi-page
applications in React.
Topics:
• React Router Basics
• Route, Link, and NavLink Components
• Switch and Redirect
• Nested Routes and Route Parameters
• Programmatic Navigation
Module 7: Introduction to Redux
Learning Objective: Understand Redux architecture and implement state
management in React apps.
Topics:
• What is Redux and Why Use It?
• Redux Core Concepts (Store, Actions, Reducers)
• Setting Up Redux in React
• Connecting Components with react-redux
• Redux DevTools for Debugging
Module 8: Advanced Redux and Middleware
Learning Objective: Implement advanced Redux concepts like middleware, async
actions, and best practices.
Topics:
• Middleware in Redux (Thunk, Saga)
• Handling Async Calls with Redux Thunk
• Redux Toolkit Overview
• Normalizing State and Selectors
• Best Practices for Scalable Redux Apps