React Course - Beginner's Tutorial for React JavaScript Library [2022]
Why Stack Overflow recommends it
Stack Overflow users cite it because many beginners follow it and then ask questions about code from specific lessons, such as CDN setup, Babel script tags and the meme generator project.
Recommended by 1 people across 1 different months, 2022 to 2022.
What it is
A nearly 12-hour freeCodeCamp course taught by Bob Ziroll of Scrimba that teaches React from scratch. It covers JSX, components, props, state, hooks and Create React App, and builds eight projects with over 140 coding challenges. The description points to an updated version of the course.
What people said
Recommends Bqardi · 2022-10 · Stack Overflow · on “JS file not linking to html”
Just wanted to elaborate on Julianna's answer. React made some major changes from v17 to v18, especially for the render method. So to get rid of the warnings, you should either use CDN's for version 17 or update the code to use the new syntax for rendering. By updating this: ReactDOM.render(<p> Hi there</p>, document.getElementById("test")) to this: ReactDOM.createRoot(document.getElementById("test")).render(<h1>Hi there</h1>); And the part in the tutorial that you missed where the speaker explains that you should include type="text/babel" is here: React Course - Beginner's Tutorial for React JavaScript Library [2022] - 11:12 [this video] Have a great journey in your React learnings ;-) Edit : th
Cites Ralic · 2022-01 · Stack Overflow · on “Import/Export in VSCode Javascript for React”
I'm following a tutorial on React course. [this video] Currently, I'm trying to make a react info website. I'm trying to import a component of react but it does not load on the 'live' website. (I have a live server extension added on VSCode) Code: HTML: <html> <head> <link rel="stylesheet" href="index.css"> <script crossorigin src=" [LINK] "></script> <script crossorigin src= " [LINK] "></script> <script src=" [LINK] "></script> </head> <body> <div id="root"></div> <div id="root2"></div> <script src="index.js" type="text/babel"></script> </body> </html> JavaScript: import { Header } from './Header' function Page() { return ( <div> <Header /> <MainContent /> <Footer /> </div> ) } function MainCont
Cites gerypratama · 2022-06 · Stack Overflow · on “ReactJS component state change rendered but then immediately revert back to initial state”
I've just started learning frontend development using React following this tutorial [this video] . All is well until I've come to the props & state learning section. In this section, I was supposed to build a meme generator page. Everything went well, I followed as instructed by the tutorial. However, when I clicked the button to change the meme image, it didn't worked. The image stayed the same as the initial image (with initial image URL value/state), even though my code didn't differ so much from what I've seen in the tutorial. Here's my code for my meme generator component: import React from 'react' import './style.css' import memesData from "./constants/MemeDB" function Meme() { const [meme,
Cites Walker975 · 2022-10 · Stack Overflow · on “JS file not linking to html”
Hey Behrad, I was following a tutorial where they did the exact same thing and it worked. And even if i use it as just a JS file it doesn't work either URL here: [this video] 14:50