React Props are Easy

  Рет қаралды 7,417

Sam Meech-Ward

Sam Meech-Ward

Күн бұрын

Learn what props in react are and the different ways that props are used.
This is video #3 in my react series:
#2 Creating Components in React: • What is JSX? Creating ...
#4 Rendering Lists of Components: • Rendering a List of Co...
Join this channel to get access to perks:
/ @sammeechward
Code Examples: www.sammeechward.com/react-pr...
Chapters:
0:00​ Intro
0:09 App Setup
2:14 Creating a New Component
4:08 Function Parameters
6:33 Props
11:36 Destructuring Props
13:31 Spreading Props
15:11 List of components
17:52 Ending
🔗Moar Links
My Website: www.sammeechward.com
Instagram: / meech_ward
Twitter: / meech_ward
Github: github.com/orgs/Sam-Meech-Ward

Пікірлер: 26
@dstutz
@dstutz Жыл бұрын
I'm a semi-experienced React developer and this is one of the better explanations of props that I've seen (and I also learned something new!). Good video, thanks for sharing
@Rabixter
@Rabixter 4 ай бұрын
What an amazing explanation. It's so cool how it progressed from hard coded jokes / ratings to a very efficient looking code.
@ArchaideDreams
@ArchaideDreams Ай бұрын
Your explanations are phenomenal. The way you start simple and hard coded, then work slowly through each approach, and then continue improving and iterating really shows how to evolve your code. The beginning and the end are great, but it's how you demonstrate and explain the path to destination that makes this a really well done video. Thanks so much for this video series.
@chax255
@chax255 3 ай бұрын
This tells me I need to revisit my JS basics before continuing.
10 ай бұрын
Thank you creating amazing videos like this. This is so perfectly paced, interesting and I've learned so much. I've seen so many react tuts and by far this is the most interesting one.
@thedojoclub
@thedojoclub Жыл бұрын
this was definitely one of the clearest explanations of the topics i've found on youtube so far; thank you!
@user-lc5fi3iw1k
@user-lc5fi3iw1k Ай бұрын
Thaks for your explanation. Very useful
@miguelmatias8214
@miguelmatias8214 Жыл бұрын
Thanks, I made the mistake to learn React before even touching JS so it's been hard, props is something that always messes my head, I understand it better now, I'll practice. Nice content, bro
@FursMars
@FursMars 8 ай бұрын
thank you a lot for the approach to the explanation!
@alexandergeorgesquire220
@alexandergeorgesquire220 4 ай бұрын
You make this interesting! You have a talent for this type of work mate! Keep it up
@KassiNovaacodes
@KassiNovaacodes 8 ай бұрын
This is a awesome explanation. Seems so much clearer in my mind. What extensions are you using on VS code? I need those!
@jellyjollyjelly9513
@jellyjollyjelly9513 4 ай бұрын
thank you so much!!!
@fromagetriste
@fromagetriste 5 ай бұрын
clear explanations
@lukemccollum528
@lukemccollum528 4 ай бұрын
good vid thanks
@ahmadullahnikzad2850
@ahmadullahnikzad2850 5 ай бұрын
Your video is the best video i've ever watched but I have problem with passing function as props can you make a video about it
@SM-pz2yt
@SM-pz2yt 6 ай бұрын
what extension do you use for the code recommendation?
@Pywyoyuyp
@Pywyoyuyp 4 күн бұрын
Can someone explain me pls how augmentation of stars works? How they get materialised ?
@Troy-ol5fk
@Troy-ol5fk Жыл бұрын
that for loop is pretty smart
@Berserk1246
@Berserk1246 10 ай бұрын
perfect video! thank you! +1 Sub
@user-oq1ob3hd7n
@user-oq1ob3hd7n 6 ай бұрын
What extensions do you use please
@kunalwagh2129
@kunalwagh2129 4 ай бұрын
How do you get all the code suggested by itself?? Could you please tell the name of the extension!!! Appreciated!!
@Pareshbpatel
@Pareshbpatel 11 ай бұрын
React Props, beautifully and fluently explained. Thanks, Sam {2023-06-07}
@user-hy2tq6mv8q
@user-hy2tq6mv8q 4 ай бұрын
Assalamualaikum, Hello sir, which extention do use for star (emoji)? Thanks........!!!
@marcosgeorgopoulos794
@marcosgeorgopoulos794 10 ай бұрын
Would you consider doing a video highlighting the VS Code extensions you use?
@ArchaideDreams
@ArchaideDreams Ай бұрын
I agree. There's some stuff under the hood he's using id love to see
@111ramico
@111ramico 4 ай бұрын
Silly but usually i press windows key + . for emojiis doesn't seem to have the same emojii list you have is that an extension
Rendering a List of Components in React
8:47
Sam Meech-Ward
Рет қаралды 6 М.
React Hooks: useState
21:13
Sam Meech-Ward
Рет қаралды 3,2 М.
Sigma Girl Past #funny #sigma #viral
00:20
CRAZY GREAPA
Рет қаралды 6 МЛН
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 27 МЛН
Stupid Barry Find Mellstroy in Escape From Prison Challenge
00:29
Garri Creative
Рет қаралды 19 МЛН
TRY NOT TO LAUGH 😂
00:56
Feinxy
Рет қаралды 17 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 407 М.
React Proxy | Easiest Fix to CORS Errors
15:52
Sam Meech-Ward
Рет қаралды 78 М.
Learn how to use Props in React in 19 minutes (for beginners)
19:12
Sonny Sangha
Рет қаралды 144 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
This Is How You Handle Events In A React App
9:15
Sam Meech-Ward
Рет қаралды 4,1 М.
Un-Suck Your React Components - Composable & Compound Components
15:47
React Hooks: useEffect - Everything You Need To Know
43:23
Sam Meech-Ward
Рет қаралды 3,8 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
The Story of React Query
8:55
uidotdev
Рет қаралды 88 М.
One To Three USB Convert
0:42
Edit Zone 1.8M views
Рет қаралды 441 М.
ВЫ ЧЕ СДЕЛАЛИ С iOS 18?
22:40
Overtake lab
Рет қаралды 132 М.
DC Fast 🏃‍♂️ Mobile 📱 Charger
0:42
Tech Official
Рет қаралды 485 М.
i love you subscriber ♥️ #iphone #iphonefold #shortvideo
0:14
Si pamerR
Рет қаралды 3,7 МЛН
Урна с айфонами!
0:30
По ту сторону Гугла
Рет қаралды 6 МЛН