Register Yourself for ReactJs Training



Syllabus


Week 1: Intro | JSX | Events | State | Component | Forms
  • Introduction to ReactJS
  • What is ReactJS?
  • Advantages of using React
  • Setting up the development environment
  • Creating a basic React application
  • JSX and Components
  • Understanding JSX
  • Creating functional and class components
  • Props and state
  • Handling Events and Conditional Rendering
  • Handling events in React
  • Conditional rendering
  • Lists and keys
  • State Management
  • Introduction to useState hook
  • Managing state in functional components
  • Lifting state up
  • Component Lifecycle
  • Component lifecycle methods
  • useEffect hook for side effects
  • Fetching data from APIs
  • Forms and Inputs
  • Controlled components
  • Handling form submissions
  • Validation


Week 2: Advanced ReactJS Concepts | Context API | Hooks | Routing | Styling | Code Splitting
  • Context API
  • Introduction to Context API
  • Creating and using context
  • Updating context
  • Advanced Hooks
  • useReducer for complex state management
  • Custom hooks
  • useRef for DOM manipulation
  • Routing with React Router
  • Introduction to React Router
  • Setting up routes
  • Nested routes and navigation
  • Styling in React
  • CSS-in-JS with styled-components
  • CSS modules
  • Integrating with CSS frameworks
  • Code Splitting and Lazy Loading
  • Introduction to code splitting
  • React.lazy and Suspense
  • Dynamic imports
  • Error Boundaries
  • Handling errors in React
  • Creating error boundaries


Week 3: Introduction to NextJS | Pages and Routing | Data Fetching | API Routes | Styling in NextJS
  • Introduction to NextJS
  • What is NextJS?
  • Differences between ReactJS and NextJS
  • Setting up a NextJS project
  • Pages and Routing in NextJS
  • Creating pages in NextJS
  • Dynamic routing
  • Link component for navigation
  • Data Fetching in NextJS
  • getStaticProps
  • getServerSideProps
  • getStaticPaths
  • API Routes
  • Creating API routes
  • Handling requests and responses
  • Integrating with external APIs
  • Styling in NextJS
  • Using CSS and Sass in NextJS
  • CSS-in-JS with styled-jsx
  • Tailwind CSS integration
  • Image Optimization
  • Using the Image component
  • Optimizing images for performance


Week 4: Advanced NextJS Concepts and Deployment | SSG | SSR | Authentication | SEO
  • Static Site Generation (SSG)
  • Understanding SSG
  • Building static sites with NextJS
  • Incremental Static Regeneration (ISR)
  • Server-Side Rendering (SSR)
  • Understanding SSR
  • Implementing SSR in NextJS
  • Authentication
  • Implementing authentication in NextJS
  • Using NextAuth for authentication
  • Analytics and SEO
  • Adding analytics to your NextJS app
  • SEO best practices


© 2019, Developed by Srb IT Solution