What is React Fragements | React Fragment in React JS (Hindi) | React Tutorial with Typescript смотреть онлайн
What is React Fragments | React Fragment in React JS (Hindi) | React Tutorial with Typescript
React Fragments helps to render multiple elements without wrapping them in an extra DOM node. It will not produce any extra elements in the DOM.
⏰ Timecodes ⏰
0:00 Introduction
0:27 What is React Fragment?
4:07 React Fragment with example
10:27 React Fragment with array of elements
13:27 Conclusion
Key points:
Before fragment, If we want to render multiple elements in the React
then we need to wrap under one DOM node.
After fragment (16.2.0 React release), We can render multiple elements
without wrapping them in an extra DOM node. It will not produce any extra
elements in the DOM. It enables us to group multiple components without
introducing any unnecessary markup in the rendered HTML.
We should use this when we need it.
As per documentation, Fragment only accepts key attributes.
Benefit:
- It will help to avoid extra DOM elements in the UI.
- It avoids issues that break layouts like Flexbox or CSS Grid have special parent-child relationships and adding extra divs in the middle
makes it hard to keep the desired layout.
------------------------------------------------------------------------------------
Special thanks to Tarun Garg for the video edit and Thumbnail Design.
Instagram :- https://www.instagram.com/tarunnn_4
------------------------------------------------------------------------------------
Support my channel:
https://www.buymeacoffee.com/anujsingla
(Free Courses)
React course :- https://bit.ly/3qXnSYU
Javascript course :- https://bit.ly/3qYCG9u
Typescript course :- https://bit.ly/3qY9Fe6
(Social Media Links)
Twitter : https://twitter.com/singla387
Facebook page : https://bit.ly/3nZlyyx
Telegram : https://bit.ly/3nX2v8f
LinkedIn : https://bit.ly/3rIMt2A
About Me:-
I am Anuj Singla, and working as a Senior Software Engineer at Redhat. At Redhat, I spend most of my days writing code. I am working on different technologies like React, Angular, JavaScript, NodeJs, Typescript. I want to teach web development to everybody.
Key Points:
Tags :-
#reactfragements #framework #react #anujsingla #typescript #hindi #html #css
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «What is React Fragements | React Fragment in React JS (Hindi) | React Tutorial with Typescript» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.