React For Beginners #1 - Introduction & Environment Setup
Welcome to a new tutorial series on React. React is a web framework that uses Javascript. It was created and is maintained by Facebook with the library being open source. React is super popular and good to know in 2021 to make more advanced websites.
💻 AlgoExpert is the coding interview prep platform that I used to ace my Microsoft and Shopify interviews. Check it out and get a discount on the platform using the code "techwithtim" https://algoexpert.io/techwithtim
🔍 Playlist: https://www.youtube.com/playlist?list=PLzMcBGfZo4-nRV61oEu3KfMwWKI571uPT
📄 Resources 📄
JavaScript for Beginners: https://www.youtube.com/watch?v=ykoxwrm0Seo
Install NodeJS: https://nodejs.org/en/
Install VSCode: https://code.visualstudio.com/download
Install React Web Tools: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
⭐️ Timestamps ⭐️
00:00 | Series Information & Overview
02:09 | Dependency Installation
02:53 | VSCode Setup
04:48 | Create-React-App
06:52 | Running React Development Server
08:23 | Modifying The Starting Code
09:29 | React Web Dev Tools
10:32 | Conclusion
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
💰 Courses & Merch 💰
💻 The Fundamentals of Programming w/ Python: https://tech-with-tim.teachable.com/p/the-fundamentals-of-programming-with-python
👕 Merchandise: https://teespring.com/stores/tech-with-tim-merch-shop
🔗 Social Medias 🔗
📸 Instagram: https://www.instagram.com/tech_with_tim
📱 Twitter: https://twitter.com/TechWithTimm
⭐ Discord: https://discord.gg/twt
📝 LinkedIn: https://www.linkedin.com/in/tim-ruscica-82631b179/
🌎 Website: https://techwithtim.net
📂 GitHub: https://github.com/techwithtim
🔊 Podcast: https://anchor.fm/tech-with-tim
🎬 My YouTube Gear 🎬
🎥 Main Camera (EOS Canon 90D): https://amzn.to/3cY23y9
🎥 Secondary Camera (Panasonic Lumix G7): https://amzn.to/3fl2iEV
📹 Main Lens (EFS 24mm f/2.8): https://amzn.to/2Yuol5r
🕹 Tripod: https://amzn.to/3hpSprv
🎤 Main Microphone (Rode NT1): https://amzn.to/2HrZxXc
🎤 Secondary Microphone (Synco Wireless Lapel System): https://amzn.to/3e07Swl
🎤 Third Microphone (Rode NTG4+): https://amzn.to/3oi0v8Z
☀️ Lights: https://amzn.to/2ApeiXr
⌨ Keyboard (Daskeyboard 4Q): https://amzn.to/2YpN5vm
🖱 Mouse (Logitech MX Master): https://amzn.to/2HsmRDN
📸 Webcam (Logitech 1080p Pro): https://amzn.to/2B2IXcQ
📢 Speaker (Beats Pill): https://amzn.to/2XYc5ef
🎧 Headphones (Bose Quiet Comfort 35): https://amzn.to/2MWbl3e
🌞 Lamp (BenQ E-reading Lamp): https://amzn.to/3e0UCr8
🌞 Secondary Lamp (BenQ Screenbar Plus): https://amzn.to/30Dtafi
💻 Monitor (BenQ EX2780Q): https://amzn.to/2HsmUPZ
💻 Monitor (LG Ultrawide 34WN750): https://amzn.to/3dSD7tS
🎙 Mic Boom Arm (Rode PSA 1): https://amzn.to/30EZw9m
🎚 Audio Interface (Focusrite Scarlet 4i4): https://amzn.to/2TjXsih
💸 Donations 💸
💵 One-Time Donations: https://www.paypal.com/donate?hosted_button_id=CU9FV329ADNT8
💰 Patreon: https://www.patreon.com/techwithtim
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
⭐️ Tags ⭐️
- Tech With Tim
- React
- React Tutorial
- Javascript
- Programming
- Javascript Programming
⭐️ Hashtags ⭐️
#TechWithTim #ReactTutorial
-
20:54
Tech With Tim
3 years agoReact for Beginners #5 - State & useState
12 -
21:07
Tech With Tim
3 years agoReact for Beginners #6 - Forms & Events
11 -
11:48
Always Creating
1 year agoLuminar Neo - Full Beginner Guide & Tutorial!
24 -
1:41
AHMEDKAZEKA97
2 years agoMaster HTML5 Bootstrap5 & ReactJs From Scratch
45 -
13:03
thecodinggoat
1 year ago🐐 Next.js Tutorial - Develop, document, and showcase your React components in style with Storybook!
4 -
0:36
AHMEDKAZEKA97
2 years agoLearn React from Scratch with Create React App (2022)
63 -
5:50:41
Future innovations
11 months agoReact JS V8. FULL Course on React 18.x Ecosystem and Tools With Project .
13 -
5:28
AHMEDKAZEKA97
2 years ago37 - Installing Redux and Creating a Basic Setup | REACT NATIVE COURSE
22 -
9:28
Stefan Mischook
1 year agoReact vs Vue in 2023 - which is Best?
44 -
2:28:03
NorbertBM
1 year agoReact Crash Course with React Web App project
98