DEV Community

Hidayt Rahman
Hidayt Rahman

Posted on • Edited on

FE React Course Content

What's in this course?

  • Basic JavaScript (Optional)
  • A thorough introduction to React.js (What is it and why would you use it?)
  • All the core basics: How React works, building components with React & building UIs with React
  • Components, props & dynamic data binding
  • Working with user events and state to create interactive applications
  • Detailed explanations on how to work with lists and conditional content
  • React Hooks (in-depth)
  • Working with built-in Hooks and building custom Hooks
  • How to debug React apps
  • Working with "Fragments" & "Portals"
  • Dealing with side effects
  • Class-based components and functional components
  • Sending Http requests & handling transitional states + responses
  • Handling forms and user input (incl. validation)
  • Handling forms with react hook
  • Styling React apps with "Styled Components" and "SCSS"
  • Redux & Redux Toolkit
  • Routing with React Router
  • Deploying React Apps
  • Implementing Authentication
  • Browser Storage Handling
  • React with TypeScript
  • Adding Animations
  • Tons of examples and demo projects so that you can apply all the things you learned in real projects
  • React Best Practices
  • React Performance
  • And so much more

Bonus - (optional)

  • Git Basic
  • TypeScript
  • StyledComponents
  • Axios

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post