From JavaScript to React
Overview
The content of this module comes from the nextjs.org tutorial content.
The objective is to review essential JavaScript concepts and to introduce core React
concepts.
Industry Connection
This course utilizes the official nextjs.org documentation and tutorials
from the provider. You will be expected to use resources like these when asked to learn new
technologies and frameworks in the workforce.
The course relies heavily on these contemporary, professional resources and provides a structured approach to experiencing a foundational knowledge with the help of your peers and the instructor mentor.
Instructions
- Review and bookmark the essential JavaScript concepts that you need for
this class: Essential JavaScript for React – nextjs.org.
"While you can learn JavaScript and React at the same time, being familiar with JavaScript can make the process of learning React and React frameworks easier" – nextjs.org authors
- Work on Chapters 1 to 7 found in the 📄React Foundations course on the nextjs.org website.
- About React and Next.js
- Rendering User Interfaces (UI)
- Updating UI with JavaScript
- Getting Started with React
- Building UI with Components
- Displaying Data with Props
- Adding Interactivity with State
Remember to create a public repository on GitHub to store and share your work on assigned tutorials.
You will need to keep track of your own progress just like you would on the job. Each section builds on the previous one. Next week you will be asked to complete the remaining chapters but, of course, you can continue as time allows and finish it this week.
Check Your Understanding
You should be able to answer these questions after completing this learning activity.
âš¡ You may want to use a natural language chatbot or similar AI tool to help you summarize and expand upon the concepts where needed.
- What is the DOM?
- What is the difference between Imperative vs Declarative Programming - Think about the difference between step-by-step instructions on how to make a pizza vs just ordering a pizza.
- What is JSX – the syntax extension for JavaScript?
- What is the Babel interpreter?
- What is the difference between props and state?
Submission
- After completing all the modules successfully, commit and push your work to a public repository.