React.js Basics: A Beginner’s Guide to Learning React
React.js Basics: A Beginner’s Guide to Learning React
What you’ll learn
Skills you’ll gain
React is a JavaScript framework used for building web-based applications. In this course, seasoned software engineer and data scientist, Erin Frolli (Fro), will cover the basics of programming in React. Fro will begin by teaching fundamental React concepts, with each lesson focusing on application building in React. By the end of this course, you will understand what React is, be able to create both functional and class components, utilize React hooks, and comprehend the basics of building a multi-layered website using React.
Syllabus
Download syllabus-
1
React vs vanilla JavaScript Everything can be written in vanilla JavaScript, but there are JavaScript frameworks out there, such as React, that can help with organization and readability of your code. 1m
-
2
Leverage CodeSandbox To get started right away, you'll use a web-based environment called Code Sandbox, which will have everything you need without having specific hardware. 4m
-
1
Render with functional components React organizes code into components. 3m
-
2
Pass data with props Props is how React passes data between components. 2m
-
3
Hold data with state State is how a web application holds data that it references when rendering. 1m
-
4
Render with class components Sometimes you need more robust components. 5m
-
5
Use React hooks Hooks are built-in utility functions that let you use state and other React features without writing a class. 3m
-
6
Incorporate CSS styles CSS is the basics of styling divs on a page. 2m
-
1
Advance Props Techniques Uplevel your code by using more advanced props techniques for extracting code that is being passed from one component to the next. 3m
-
2
Debug webpages Debugging web pages can be difficult. 2m
-
3
Explore helpful libraries Now that you know the basics, NPM libraries are helpful when it comes to more easily creating web applications. 3m
-
4
Test your React components Testing is a good way to ensure that your web application is running smoothly. 5m
-
1
Create your own website At this point, hopefully you're feeling more familiar with the basics of React. 2m
-
1
Helpful resources There is always more to learn in the ever-evolving world of programming. 1m
-
1
Kickstart your website building journey Thank you for watching this course! 1m
Certificate
Certificate of Completion
Awarded upon successful completion of the course.
Instructor
Fro Carducci
Fro (they/them) is a senior software engineer and data scientist with experience in both the science and tech industries. They aspire to inspire the next generation of young people to explore the wide range of careers available in science, math, and engineering. Committed to fostering diversity and inclusion, Fro devotes their time to organizations and programs that they support. Their efforts include participating in informative panels, offering mentorship, creating safe spaces for others, hosting coding sessions, and serving as the co-chair for a grassroots Diversity and Inclusion team. Fro holds two Bachelor of Science degrees, one in Mathematics and another in Environmental Science, Technology & Policy from California State University, Monterey Bay, as well as a Master of Science degree in Land, Resources, and Environmental Sciences from Montana State University.
Fro Carducci
Senior Software Engineer and Data Scientist
Accreditations
Link to awards
How GoSkills helped Chris
I got the promotion largely because of the skills I could develop, thanks to the GoSkills courses I took. I set aside at least 30 minutes daily to invest in myself and my professional growth. Seeing how much this has helped me become a more efficient employee is a big motivation.
