Learn React JS - Full Course for Beginners - Tutorial 2019
Why Stack Overflow recommends it
Stack Overflow users link it as the React tutorial they are following when they get stuck, and askers cite specific timestamps where their code behaves differently from the video.
Recommended by 3 people across 3 different months, 2019 to 2022.
What it is
A five-hour beginner course on React.js from freeCodeCamp, taught by Bob Ziroll of V School. It covers JSX, functional components, props, state, events and lifecycle methods through a series of hands-on exercises, including a todo app. The description notes it has since been replaced by an updated version.
What people said
Recommends Travis Tay · 2020-06 · Stack Overflow · on “React Js multiple buttons”
It really depends on how you want to display those text and its really vague now as there's way too many methods to look at. I can recommend a youtube link which I use to learn react just last week, and I find it very useful. you can search along the line of conditional rendering or even toast messages or components from react bootstrap React js tutorial [this video]
Recommends pvcodes · 2020-11 · Stack Overflow · on “ReactDOM is not rendering the code that is passed to the root”
I am currently doing Learn React JS YouTube tutorial [this video] . I am stuck in the beginning itself. I am working on VS Code instead of Scrimba. I believe it should work despite. I also installed dependencies through npm(react and react-dom). I also installed http-server for local host. It is not throwing any error nor is rendering the DOM elements. Here is the code I have right now... index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>My React App</title> <style rel="stylesheet" src="style.css"></style> </head> <body> <div id="root"></div> <script type="text/babel" src="index.pack.js"></scri
Recommends DINA TAKLIT · 2021-07 · Stack Overflow · on “React changing records properties via map function does not work correctly”
Wired in the tuto he done the same as I did and worked perfectly see the video here [this video] t = 2.45.25. But let me try what u've mentioned. And Could you explain why is this working here?
Cites Syl20 · 2019-02 · Stack Overflow · on “Default.a.map is not a function in react”
as a beginner I'am having trouble getting the data from my product data file I follow a online tutorial but I'm stuck with this issue : react-dom.development.js:20135 Uncaught TypeError: _productsData__WEBPACK_IMPORTED_MODULE_2___default.a.map is not a function at Products (Products.js:9) at mountIndeterminateComponent (react-dom.development.js:15425) at beginWork (react-dom.development.js:15956) at performUnitOfWork (react-dom.development.js:19102) at workLoop (react-dom.development.js:19143) at renderRoot (react-dom.development.js:19228) at performWorkOnRoot (react-dom.development.js:20165) at performWork (react-dom.development.js:20075) at performSyncWork (react-dom.development.js:20049)
Cites Andre Andriole · 2020-01 · Stack Overflow · on “How to conect docker nginx with express and react app on windows”
I found many tutorials about those but none uniting the 3 of them. I want to learn how to do that because I need to start deploying react websites I made and I wanted to deploy them on my domain and hosting on my computer for testing purposes. In what order should I learn those to archive that ? What tutorials do you recommend ? I found some tutorials about them but got really confused with the cascade of things to learn. I got windows power shell working, did some node tutorials some express ones and managed to run nginx on docker but couldn't finish. I am feeling ok with my css, js, and react, made a little game got some things working did some practice but now I am kind of stuck. I really
Cites GrassZone · 2020-01 · Stack Overflow · on “Struggling to start hello world in react”
It seems that many people struggle to make the initial hello world for React and I can seem to find a solution to my problem. Here is my test.js file: import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render(<h1>hello world</h1>, document.getElementById("root")); and here is my html file: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <body> <p>Hello world should appear below: </p> <div id="root"></div> <!--React script--> <script src=" [LINK] " crossorigin></script> <script src=" [LINK] " crossorigin></script> <script src=" [LINK] "></script> <script src="test.js"></script> </body> </html> I am trying to follow the example given on this video [this video] and
Cites victor sousa · 2020-02 · Stack Overflow · on “My react app doesn't render as expected. Why is this happening?”
So, I am learning React (from this video [this video] ) and I am stuck in the beginning. I set up 2 files: App.js and index.html , just like in the video. I installed the npm packages react and react-dom too. This is the following code of the files; index.html : <!DOCTYPE html> <html> <head> <title>Index</title> </head> <body> <div id="root"></div> <script src='/App.js'></script> </body> </html> App.js : import React from 'react' import ReactDOM from 'react-dom' export default ReactDOM.render(<h1>Test</h1>, document.getElementById("root")); Both files are in the same directory. But whenever I hit the index.html in the browser it returns me nothing, and I am just following the instructions from th
Cites Md. Irfan Omee · 2020-07 · Stack Overflow · on “I can't figure out why setState function not working for setting a value”
Hope you are all well and healthy. I am learning react and following a tutorial : [this video] Time is also mentioned in YouTube video where I got stuck. This is my Code: This is the ToDoComponent import React from 'react'; function ToDoItem(props){ return( <div className="tasks"> <label>{props.item.taskName}</label><input type="checkbox" checked={props.item.completed} onChange={() => props.handleChange(props.item.Id)}/> </div> ); } export default ToDoItem; And This is the App.js import React, { Component } from 'react'; import './App.css'; import ToDoItem from './components/ToDoItem'; import toDoData from './datas/tododata'; class App extends Component{ constructor(){ super(); this.state = {todo
Cites Md. Irfan Omee · 2020-07 · Stack Overflow · on “I can't figure out why setState function not working for setting a value”
Dude thank you so much for your fast replay. This SOLVED the problem !!!! ^_^ But the same coding is done in Tutorial too. Why is it working there then. [this video] at 2:46:28. You can see I just copied him. Working for him, not me. Would you kind enough to explain. Is he did something that I missed.
Cites HoneyBunny · 2020-09 · Stack Overflow · on “Built React App works fine but same App in Dev mode (npm start) works not properly”
I'm beginner with react and making frontend applications, so I decide to learn with this youtube react tutorial [this video] . I have some knowlage about html, js, and css. Link leads to lesson (exercise about state in React) where I encounter a problem. The problem is: onChange function assigned to check box, when starting app by: npm start , is acting... strange . Same function works as expected if I do: npm run build , serve -s build . In tutorial everything works fine, i've checked my code and it's 100% same as in tutorial. I've also send my source code to one of my colleagues and ... everything works as in tutorial (we both have Windows 10 installed). When trying to launch app by serve -s bu