Code the Dream Labs Logo

Code the Dream

At Code the Dream, we envision a world in which tech innovation comes from all of us and benefits all of us.

React.js

View All Courses
Learn front-end web applications using the popular React framework based in Javascript
JavaScript
React
Vite

What’s covered in our React.js course:

React is commonly used for developing web applications and allows developers to create interactive, dynamic, and efficient user interfaces. Throughout the course you’ll be learning the structure of a React application, how React allows you to retrieve and reuse information throughout the application, and gain a deeper understanding of APIs.  Students demonstrate their learning through building an app from start through deployment.

  • React DOM and Components
  • Props, Handlers, Hooks, Fragments, Reusable and Class Components
  • Asynchronous Data, Conditional Rendering, Advanced and Impossible State
  • Data Fetching and Refetching, Third Party Libraries
  • Forms and React Router
  • Styled Components and SVG
  • Performance, TypeScript, Testing
  • Sorting, Searches, Pagination
View Lesson-by-Lesson Objectives (PDF)

What you should know before starting this course:

Note: The Intro to Programming Course is a prerequisite for this class unless you have tested out of Intro to Programming by successfully completing the Advanced class pre-work assignment when applying to our program.

  • Standard HTML tag set (ex. DOCTYPE, html, head, body, h1-h4, p, a, etc.)
  • HTML forms (how they work and the various parts that make up a form)
  • Strong CSS skills (including: creating and applying styles, using layouts such as Flexbox and Grid, ability to create styles that are responsive and use media queries)
  • Intermediate JavaScript skills (arrays, objects, methods, functions, loops, looping methods such as map and filter, conditional statements, JS syntax including working with strings vs. numbers, arrow functions, etc.)
  • API fetch and how to parse the data returned
  • JavaScript DOM Manipulation (how to use JavaScript to alter the DOM)
  • Basic understanding of Objects (object literals, object methods)
  • Knowledge of how to use built in JavaScript data types (ex. objects, numbers, strings, arrays, etc.)
  • Experience with at least one type of prototype (ex. dates)
  • Knowledge and understanding of asynchronous programming (use of promises, async await, callbacks, etc.)

Supplies you need before starting this course:

  • Laptop or Desktop computer of any variety listed below.  Chromebooks or similar two-in-one machines are not suitable for this course.  100GB hard disk space should be available regardless of what type of machine you have.
    • Mac: Catalina OS version or later with:
      • 8GB memory minimum, 16GB memory recommended
      • Administrative access
    • PC / Windows: Windows 10 64-bit version or later with:
      • 8GB memory minimum, 16GB memory recommended
      • Administrative access
    • PC / Linux: Linux with a recent version of Ubuntu:
      • 8GB memory minimum, 16GB memory recommended
      • Administrative access
  • Webcam is preferred for attending mentor sessions
  • Reliable Internet Connection
  • GitHub account.  If you do not have one, you can sign up for a free account here
  • An Integrated Development Environment (IDE) such as Visual Studio Code, Atom, or similar.

What React Students Have to Say

“
Photo of - Mohammad Z., React Student
CTD’s scholarship has had a profound impact on my life. By awarding me the opportunity to join the React Front End Class, I was able to enhance my skills significantly. The class provided an exceptional learning experience, enabling me to gain valuable insights and practical knowledge that have greatly improved my front-end development abilities. CTD’s support has undoubtedly been transformative, opening doors to new opportunities and empowering me to excel in my chosen field.
– Mohammad Z., React Student
“
Photo of - Alejandro., React Student
Being a student with Code the Dream for the past year has been an incredible journey for me. I have grown immensely from the introductory classes to the advanced node courses and now the React course. As someone with an immigrant background, I never had access to programming resources or exposure until a mentor introduced me to CTD. I have expanded my network, strengthened my programming skills, and developed the confidence to pursue contracting positions in the near future. CTD has provided me with technical education and a supportive community. The mentors and fellow students have become like family, inspiring and motivating me every step of the way. I am incredibly grateful to Code the Dream for its transformative impact on my life.
– Alejandro., React Student