Learning ReactJS: Converting Vanilla JavaScript into ReactJS

  Рет қаралды 29,852

DevTips

DevTips

Күн бұрын

Last week, we went through the process of learning what's under the hood in a React application. Today, we're creating a React app and converting all of the vanilla JavaScript we wrote into a React component!
Read the article on Medium: devtipsshow.me...
Download the source code on this video: github.com/Dev...
-
Get the Official DevTips Merchandise Today!
devtipsstore.com
Follow DevTips to stay up to date with upcoming videos and projects:
/ devtipsshow
/ devtipsshow
/ officialdevtipsshow
/ devtipsshow
Check out the Official DevTips CodePen for random projects and creations:
www.codepen.io...
All background music provided by Monstercat with a Gold subscription

Пікірлер: 41
@Danny-bn2fg
@Danny-bn2fg 2 жыл бұрын
I don't know what happened to this channel but I think it's sad that it stopped completely. I know that making content is a hard job but that's something the new owner could have think about before IMO. I discovered the channel back when Travis came up with it and really enjoyed it as a Designer. Wondering if he's still at Google. However, it was a nice experience watching and learn from it.
@aj8__8
@aj8__8 Жыл бұрын
this channel is a lesson about passion and who people connect with, when Travis was here he was passionate about what he was doing, he had a clear vision, people connected with him, now the channel is switching owners frequently and the identity is lost, and they don't seem to care. unlike thenewboston who left and kept his channel name untarnished, the lack of vision and seriousness after Travis is just sad tbh
@tim.bogdanov
@tim.bogdanov Жыл бұрын
couldn't agree with you more, especially regarding thenewboston
@cafelutsa_
@cafelutsa_ 2 жыл бұрын
At this point, I could run this channel
@Speerreclamebureau
@Speerreclamebureau 3 жыл бұрын
Cool subjects, like it! Just what i needed! Not learning the frameworks, but learning the technics behind the frameworks. Great job!
@Kinsta
@Kinsta Жыл бұрын
This is super helpful! Can't wait to see more from you! ✨
@joshuajaydan
@joshuajaydan 2 жыл бұрын
When is the next video coming out?
@flammea_
@flammea_ 3 жыл бұрын
you even look like Travis, this might work lol. but seriously great job understanding the audience and choosing to make respectful content
@theManuelOsorio_
@theManuelOsorio_ 3 жыл бұрын
Good work with this video. It was straight forward and easy to follow. I've seen and even interacted with 'useState' in the past but never actually understood it but now I definitely have a better grasp of it thanks to this video. Also finally understand what all the '' I see in lots of react project. Look forward to seeing 'useEffect' in action.
@ZPIB
@ZPIB Жыл бұрын
Hello, is there a website that structures my code? I am looking forward to your feedback!:)
@assefatedla6681
@assefatedla6681 3 жыл бұрын
Well explained ... keep up the good work!!!!
@The_Nova_Glow
@The_Nova_Glow 2 жыл бұрын
Remember when he said "at least 1 video per week" ? lol
@damislav
@damislav 2 жыл бұрын
Damn it could be so good..
@gindevgin9298
@gindevgin9298 2 жыл бұрын
hi thank you! too bad i thought you were explaining how to really convert js code onto react code ..... i don't know if there is a mean... can you tell me. ? thanks.
@cafelutsa_
@cafelutsa_ 10 ай бұрын
So how much for the channel?
@shortsquake101
@shortsquake101 Жыл бұрын
Love ur vids , please come back and make more vids if u can of course
@puskarwagle2392
@puskarwagle2392 Жыл бұрын
This was good video. Make more. Thanks for this
@gfabasic32
@gfabasic32 7 ай бұрын
Great vids!
@favourz1
@favourz1 Жыл бұрын
Simple and concise🤗
@HARSHKUMAR-cm7ek
@HARSHKUMAR-cm7ek Жыл бұрын
good cover up at 3:35 man 😂
@untildawn5714
@untildawn5714 3 жыл бұрын
Get in touch if you are working with vanilla javascript (no libraries)
@jmb9969
@jmb9969 3 жыл бұрын
What happened to Travis?
@dejo095
@dejo095 Жыл бұрын
he left couple of years ago to a job for Google, he left the channel to somebody who then gave the it to others
@gayathri-8-i6s
@gayathri-8-i6s 2 жыл бұрын
Vanilla react and react are same??
@damislav
@damislav 2 жыл бұрын
Yes
@mabdullahsari
@mabdullahsari 2 жыл бұрын
I came back after a year to see if new videos were uploaded, but nope. DevTips is pretty much dead now. RIP
@Latestgameing055
@Latestgameing055 3 жыл бұрын
Thanks you
@negarkarami1272
@negarkarami1272 2 жыл бұрын
thanks perfect
@cafelutsa_
@cafelutsa_ 3 жыл бұрын
welp, we had a good run lmao
@theManuelOsorio_
@theManuelOsorio_ 3 жыл бұрын
Hey don't worry there is still more coming. :)
@OfficialDevTips
@OfficialDevTips 3 жыл бұрын
I'm still here! I work full time as an engineer, just finished up a big project, got a lot of stuff staged to record this weekend :)
@cafelutsa_
@cafelutsa_ 3 жыл бұрын
@@OfficialDevTips I know, I know. I was just kidding knowing the history of this channel :D
@horvathlg
@horvathlg 3 жыл бұрын
@@OfficialDevTips yeah, that never happened, lol
@JulianSloman
@JulianSloman 3 жыл бұрын
@@OfficialDevTips So what happened to the recordings?
@jeanclaude4968
@jeanclaude4968 3 жыл бұрын
can you please next time zoom the code 🤓
@OfficialDevTips
@OfficialDevTips 3 жыл бұрын
Yes! I'm still working on making that part look better!
@ry3610
@ry3610 11 ай бұрын
Ok sooo DevTips is just dead. Thats really unfortunate.
@mohamadganji2860
@mohamadganji2860 2 жыл бұрын
dude, why don't you upload new content??
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 716 М.
All The JavaScript You Need To Know For React
28:00
PedroTech
Рет қаралды 631 М.
Officer Rabbit is so bad. He made Luffy deaf. #funny #supersiblings #comedy
00:18
Funny superhero siblings
Рет қаралды 19 МЛН
Seja Gentil com os Pequenos Animais 😿
00:20
Los Wagners
Рет қаралды 25 МЛН
pumpkins #shorts
00:39
Mr DegrEE
Рет қаралды 112 МЛН
Beginner React.js Coding Interview (ft. Clément Mihailescu)
36:31
Ben Awad
Рет қаралды 2,1 МЛН
Creating A React Component WITHOUT React
49:51
DevTips
Рет қаралды 8 М.
Converting A Plain JavaScript App To React
1:02:22
PortEXE
Рет қаралды 30 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 481 М.
Why & When I Use React JS
9:02
Dennis Ivy
Рет қаралды 110 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
I built 10 web apps... with 10 different languages
14:23
Fireship
Рет қаралды 1,6 МЛН
React JS Explained In 10 Minutes
10:00
Dennis Ivy
Рет қаралды 304 М.
React VS Svelte...10 Examples
8:35
Beyond Fireship
Рет қаралды 570 М.
Officer Rabbit is so bad. He made Luffy deaf. #funny #supersiblings #comedy
00:18
Funny superhero siblings
Рет қаралды 19 МЛН