Тёмный

Conditional Rendering Best Practices for React 

basarat
Подписаться 150 тыс.
Просмотров 5 тыс.
50% 1

Опубликовано:

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@codingintelugu8820
@codingintelugu8820 2 года назад
Fantastic! Never looked in this way!
@basarat
@basarat 2 года назад
Thanks! 🌹
@magnaimunkhzul4260
@magnaimunkhzul4260 2 года назад
dude just rickrolled me while teaching me this LMAOO
@ytubs
@ytubs 2 года назад
great vid
@VaughnMelson
@VaughnMelson 2 года назад
Excellent! I didn't want to miss anything, so I watched it twice. 👏
@cas818028
@cas818028 2 года назад
Oh boy the team is going to love me on all their PRs come tomorrow!
@basarat
@basarat 2 года назад
😂🌹
@neets7519
@neets7519 Год назад
Thankyou!! 😎
@1basketeveryday
@1basketeveryday 2 года назад
What a great tip !!
@roymandev
@roymandev 2 года назад
Nice 👏
@basarat
@basarat 2 года назад
Thanks
@gunasekarant6498
@gunasekarant6498 2 года назад
Good 👍 nice explaination
@basarat
@basarat 2 года назад
Thanks for the positive feedback
@deFrontComOFer
@deFrontComOFer 2 года назад
what do you think of messages.length>0&&your element instead of !!messages.length&&your element?
@basarat
@basarat 2 года назад
I like it It’s better than ternary conditional. But I would still prefer !! personally
@MenziManqele
@MenziManqele Год назад
Nice explanation :-)
@basarat
@basarat Год назад
Cheers 🥂
@saxenavedant61
@saxenavedant61 2 года назад
Hey is there any better way to do conditional rendering.... For example toggles or radio buttons say I have 5 initially all are set to false so if I open one then two i only want the current one which I opened to show content in that what I am doing is whenever a toggle is opened first close all other toggles.. in my case 5 so 5 states.. but say for 50 100 toggles what would be the most elegant solution ?
@basarat
@basarat 2 года назад
I posted an answer to a simplified question that I think helps with what you are trying to do : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qk0JTbzkt7I.html Thanks for leaving a comment
@saxenavedant61
@saxenavedant61 2 года назад
@@basarat thanks a lot 🙌
@chinmoypradhan5570
@chinmoypradhan5570 2 года назад
We can use Boolean(arr.length) && also
@basarat
@basarat 2 года назад
Indeed If you are curious about !! vs Boolean check this out : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Df-6C-Xw65g.html
@SantoLucasST
@SantoLucasST 2 года назад
Or just arr.lenght > 0 && seems even clearer to me
Далее
Valtio // React State Management Made Simple
13:14
Просмотров 4,9 тыс.
How to CONDITIONAL RENDER in React ❓
10:15
Просмотров 37 тыс.
Шоколадная девочка
00:23
Просмотров 821 тыс.
Как снимали мой клип POLI - Котик
00:37
Дикий Бармалей разозлил всех!
01:00
Being Competent With Coding Is More Fun
11:13
Просмотров 85 тыс.
Vite with TypeScript and React (vs. Webpack)
6:07
Просмотров 9 тыс.
Stop Doing this as a React Developer
12:27
Просмотров 163 тыс.
Mastering React Context: Do you NEED a state manager?
37:26
10 React Antipatterns to Avoid - Code This, Not That!
8:55
You might not need useEffect() ...
21:45
Просмотров 162 тыс.
The Value of Source Code
17:46
Просмотров 40 тыс.
Шоколадная девочка
00:23
Просмотров 821 тыс.