Learn React JS Completely from scratch in this 2:30hrs Crash Course. This course is designed specially for new web developers, who just started to learn react js. In this course we will build a complete portfolio website using react js.
In this course, we are going to learn –
1. React ES6 Basic Syntax.
2. React Render HTML.
3. React JSX essential Syntax.
4. How to use React Components, Class, Props, Events.
5. React Conditionals.
6. React Router.
7. React Hooks such as – useState, useEffect, useCallback, Custom Hooks.
8. Most importantly we will learn the Best File & Folder Structure you should follow….. and much more.
By building our react js portfolio we will try to cover all these topics.
📚 Materials/References:
Starter Template: https://github.com/tech2etc/React-JS-Crash-Course
Full Source Code1: https://www.buymeacoffee.com/tech2etc/e/68843
Full Source Code2: https://ko-fi.com/s/59f9d8a90e
React Official Website: https://reactjs.org/
React Icons: https://react-icons.github.io/react-icons/
All Source Codes: https://www.buymeacoffee.com/tech2etc
GitHub: https://github.com/tech2etc
⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY
Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE
SUPPORT ME:
👕 Merchandise: https://tech2etc.com/merchandise
🎁 Buy Me A Coffee https://www.buymeacoffee.com/tech2etc
🎀 Donate Me By Paypal: https://www.paypal.com/paypalme/tech2etc
How To Make MONEY Online – My 4 Favorite Tricks:
👨💻 Start Freelancing: https://tech2etc.com/fiverrcpa
🛒 Learn Digital Marketing: https://tech2etc.com/digital-marketing
📹 Make Video Editing As Profession: https://tech2etc.com/video-editing
🕔 Next trick will be revealed at the right time.
Free Course to Improve SKILLS & EARN:
1️⃣ WordPress Insider: https://tech2etc.com/wordpress-course
2️⃣ Bootstrap With Projects: https://tech2etc.com/bootstrap
3️⃣ Web Development For Beginners: https://tech2etc.com/webdev
4️⃣ JavaScript With Projects: https://tech2etc.com/javascript
5️⃣ Python With Projects: https://tech2etc.com/python
🎁 Get Certificate: https://courses.tech2etc.com/
Important Links:
📂 Best Hosting: https://tech2etc.com/best-hosting
📂 Best CV Resume: https://tech2etc.com/my-resume
📂 Freelancing Guide: https://tech2etc.com/learn-freelancing
📂 Interview Questions: https://tech2etc.com/?s=interview
DISCLAIMER: This description contains affiliate links. Which means I may receive a small commission on affiliate links used. This helps support the channel and allows us to continue to make videos like this. All content used within the parameters of fair use.
===============================
Connect with me & get daily updates👇
===============================
Discord: https://discord.gg/C58ZQAk2DE
Instagram: https://www.instagram.com/fahimulkabir.tech2etc/
Twitter: https://twitter.com/tech2etc
LinkedIn: https://www.linkedin.com/in/fahimulkabirchowdhury/
Group: https://www.linkedin.com/groups/14295322/
FB (Personal): https://www.facebook.com/mdfahimulkabir
FB Page: https://www.facebook.com/Tech2etc
Timestamps:
0:00 Start
1:09 Portfolio Website Preview
3:17 Install React JS
4:46 Folders & Files Overview
6:27 Lets Organize The Folders & Files
8:20 Install React Packages
12:05 Creating Route Pages
20:19 Responsive React Navbar
48:20 Home Hero
1:01:27 Change Nav Background on Scroll
1:06:27 Footer
1:19:41 Render Components in different Pages
1:22:11 Learn Dynamic Components
1:36:31 Pricing Card
1:47:28 Dynamic Card Component
2:14:07 About Component
2:24:30 Contact Form Component
#reactjs #reactcrashcourse #reactportfolio
source
Hey Everyone! Hope you are enjoying this course. ✅
If you do then please subscribe this channel and help me to react 100k Subscribers GOAL.🔥
Timestamps:
0:00 Start
1:09 Portfolio Website Preview
3:17 Install React JS
4:46 Folders & Files Overview
6:27 Lets Organize The Folders & Files
8:20 Install React Packages
12:05 Creating Route Pages
20:19 Responsive React Navbar
48:20 Home Hero
1:01:27 Change Nav Background on Scroll
1:06:27 Footer
1:19:41 Render Components in different Pages
1:22:11 Learn Dynamic Components
1:36:31 Pricing Card
1:47:28 Dynamic Card Component
2:14:07 About Component
2:24:30 Contact Form Component
Break 1 : 1:23:49
hey guys i've been tried awhile understanding how they do the thumbnail of some coding videos but i didn't find out how they do so help me guys tell me how to create an image that's show the content on your website
I have done it all, great tutorial, Thanks
asesets?
how to get
Thank You!
Thank you very much very descriptive and brilliant content ✌
Your explanations is too good… I like your way to explain small things properly….
This is an amezing project for beginners , strongly recommend to everyone , and lot of thanks and love bro I have made my protfolio website help of this.
I’ve completed whole this project.
And by the way, learned so many
Thank you so much , it was really helpful.
ERROR in ./src/App.js 4:0-30
Module not found: Error: Can't resolve './logo.svg' in 'C:UsersDJXDesktopReact Jstest-file-appsrc'
ERROR in ./src/App.js 5:0-19
Module not found: Error: Can't resolve './App.css' in 'C:UsersDJXDesktopReact Jstest-file-appsrc'
ERROR in ./src/index.js 8:0-48
Module not found: Error: Can't resolve './reportWebVitals' in 'C:UsersDJXDesktopReact Jstest-file-appsrc'
How can i get these images?
This is cool! Good job👍
No need to create class components at 1:33:58
Great video ❤
Nice
Thanks for your effort
sir we also make without using class based components
const Hero2 = ({heading,text}) => {
return (
<>
<div className="hero-img">
<div className="heading">
<h1>{heading}</h1>
<p>{text}</p>
</div>
</div>
</>
)
}
like that
yes yes
please more content like this
Do u have any complete course on Reactjs with css in udemy??
want more css with reactjs projects
thats very awesome you learn from scratch and way of you also best.
I am having terrible problems getting my server to run. What versions of node are you using and which work best for Windows 11?
This is a great video… If there is a way to like this video multiple times, trust me I would. God bless you man….
Good explanation ❤
I salute of your Hardwork !! Thank You…
It is such a resource full of react details.Keep it up.
You made me understand components only with a fee sentences. Great work. Thank you
Can we use this project in our Resume
Please suggest me anyone?
wow wow wow!!!. Amazing 👏 you are an angel sent directly from heaven.