Статьи, уроки, инструменты и все что связано с reactjs.
По вопросам сотрудничества- @Daily_admin_info
По иным темам @un_ixtime
Post #535
972
Channel Public Channel
RE REact
@react_prog
- Subscribers
- 1.58K
- Photos
- 249
- Videos
- 2
- Links
- 1K
Showing posts older than #536 · Back to latest
Older Posts 20 shown
Post #534
1.09K
Как использовать Three.js и React для рендеринга 3D-модели себя
_______________________________
В этой статье мы расскажем, как визуализировать и настраивать 3D-ресурсы, созданные в 3D-программах, таких как Blender или Maya, в проекте React с использованием react-three-fiber. К концу этой статьи вы сможете отображать 3D-модели (gltf / glb) на своем веб-сайте.
https://shly.link/dev8n0L
_______________________________
В этой статье мы расскажем, как визуализировать и настраивать 3D-ресурсы, созданные в 3D-программах, таких как Blender или Maya, в проекте React с использованием react-three-fiber. К концу этой статьи вы сможете отображать 3D-модели (gltf / glb) на своем веб-сайте.
https://shly.link/dev8n0L
Post #532
921
Чтение за 10 минут: понимание React Suspense с визуальными элементами и кодом
______
Пристегнитесь! Мы отправляемся в захватывающий тур по React Suspense.
https://shly.link/6GAh5
______
Пристегнитесь! Мы отправляемся в захватывающий тур по React Suspense.
https://shly.link/6GAh5
Post #531
928
7 советов по очистке кода React TypeScript, которые вы должны знать 🧹✨
______
Чистый код — это не код, который просто работает. Это относится к аккуратно организованному коду , который легко читается , прост для понимания и легок в обслуживании .
Давайте взглянем на некоторые из лучших практик для чистого кода в React , которые могут значительно облегчить поддержку вашего кода!
https://shly.link/devaLBo
______
Чистый код — это не код, который просто работает. Это относится к аккуратно организованному коду , который легко читается , прост для понимания и легок в обслуживании .
Давайте взглянем на некоторые из лучших практик для чистого кода в React , которые могут значительно облегчить поддержку вашего кода!
https://shly.link/devaLBo
Post #530
860
Как использовать анимацию Lottie и React JS? 🖌
______
Наверняка вы видели на веб-страницах некоторые элементы, подобные GIF, которые привлекают много внимания из-за их движения и дизайна, и вам интересно: что это за элементы? и как я могу использовать их на своей веб-странице? ?
https://shly.link/devKRep
______
Наверняка вы видели на веб-страницах некоторые элементы, подобные GIF, которые привлекают много внимания из-за их движения и дизайна, и вам интересно: что это за элементы? и как я могу использовать их на своей веб-странице? ?
https://shly.link/devKRep
Post #529
1.03K
Отправка писем из React с помощью EmailJS
______
EmailJS — это библиотека JavaScript, которая помогает отправлять электронные письма, используя только клиентские технологии. Самое классное в EmailJS то, что серверы не требуются; все, что вам нужно сделать, это подключить его к одной из поддерживаемых почтовых служб, создать шаблон электронной почты и использовать EmailJS для запуска электронной почты.
https://shly.link/wvZD0
______
EmailJS — это библиотека JavaScript, которая помогает отправлять электронные письма, используя только клиентские технологии. Самое классное в EmailJS то, что серверы не требуются; все, что вам нужно сделать, это подключить его к одной из поддерживаемых почтовых служб, создать шаблон электронной почты и использовать EmailJS для запуска электронной почты.
https://shly.link/wvZD0
Post #527
904
Что такое ESLint и как его использовать в React?
______
ESlint — это библиотека с открытым исходным кодом, которая обычно используется разработчиками React для обеспечения соблюдения правил соблюдения стандарта кода во всем проекте. Он полностью настраиваемый, поэтому вы можете настроить нужные правила самостоятельно.
https://shly.link/UvniZ
______
ESlint — это библиотека с открытым исходным кодом, которая обычно используется разработчиками React для обеспечения соблюдения правил соблюдения стандарта кода во всем проекте. Он полностью настраиваемый, поэтому вы можете настроить нужные правила самостоятельно.
https://shly.link/UvniZ
Post #526
848
Чем React Native отличается от обычного ReactJS?
______
Вы когда-нибудь слышали о React Native (RN), но до сих пор не знаете, что это такое? Он очень похож на ReactJS, однако есть некоторые существенные отличия. Самый большой из них заключается в том, что React Native используется для создания нативных приложений для Android и iOS, а React используется для веб-разработки.
https://shly.link/NUFgT
______
Вы когда-нибудь слышали о React Native (RN), но до сих пор не знаете, что это такое? Он очень похож на ReactJS, однако есть некоторые существенные отличия. Самый большой из них заключается в том, что React Native используется для создания нативных приложений для Android и iOS, а React используется для веб-разработки.
https://shly.link/NUFgT
Post #525
890
Как легко повторно использовать компоненты React
______
Совместное использование повторно используемых компонентов React между проектами и приложениями — очень эффективный способ ускорить разработку и создать согласованный опыт. Однако в прошлом требовалось много работы и накладных расходов на проектирование и отдельные компоненты, которые можно было бы повторно использовать, настраивать...
https://shly.link/G4DvY
______
Совместное использование повторно используемых компонентов React между проектами и приложениями — очень эффективный способ ускорить разработку и создать согласованный опыт. Однако в прошлом требовалось много работы и накладных расходов на проектирование и отдельные компоненты, которые можно было бы повторно использовать, настраивать...
https://shly.link/G4DvY
Post #524
1.12K
11 продвинутых вопросов для интервью по React, которые вы должны обязательно знать
______
(с подробными ответами)
https://shly.link/BqPRH
______
(с подробными ответами)
https://shly.link/BqPRH
Post #523
956
🔥 3 лучших способа стилизовать компоненты React как Pro в 2022 году
________________________________
Стилизация — это один из элементов фронтенд-триады, который должен знать каждый веб-разработчик: HTML/CSS/JS 🤔. С другой стороны, есть армия веб-разработчиков, которым не нравится CSS. Они предпочитают использовать какие -то хелперы и библиотеки , в основном очень стараясь избежать написания этого загадочного языка стилей. И мы не должны осуждать этих людей, особенно когда это связано с React, потому что это природа JSX.
https://shly.link/ukv1Z
________________________________
Стилизация — это один из элементов фронтенд-триады, который должен знать каждый веб-разработчик: HTML/CSS/JS 🤔. С другой стороны, есть армия веб-разработчиков, которым не нравится CSS. Они предпочитают использовать какие -то хелперы и библиотеки , в основном очень стараясь избежать написания этого загадочного языка стилей. И мы не должны осуждать этих людей, особенно когда это связано с React, потому что это природа JSX.
https://shly.link/ukv1Z
Post #522
993
Расширения кода VS, которые вы должны использовать как разработчик React
______
Если вы являетесь разработчиком React и используете VS Code в качестве основного редактора кода, вы, вероятно, захотите воспользоваться этими расширениями, чтобы получить максимальную отдачу от своего опыта кодирования.
https://shly.link/NQaQT
______
Если вы являетесь разработчиком React и используете VS Code в качестве основного редактора кода, вы, вероятно, захотите воспользоваться этими расширениями, чтобы получить максимальную отдачу от своего опыта кодирования.
https://shly.link/NQaQT
Post #521
1K
Маршрутизация в React с React Location
______
В этом руководстве вы узнаете, как использовать React Location для управления маршрутизацией в приложении React. Вы должны быть знакомы с React и иметь установленный Node в вашей системе.
https://shly.link/sA84x
______
В этом руководстве вы узнаете, как использовать React Location для управления маршрутизацией в приложении React. Вы должны быть знакомы с React и иметь установленный Node в вашей системе.
https://shly.link/sA84x
Post #520
939
Парсер HTML для React.
____________________________
Преобразует строки HTML в элементы React как на клиенте, так и на сервере.
https://shly.link/ghHCvb
____________________________
Преобразует строки HTML в элементы React как на клиенте, так и на сервере.
https://shly.link/ghHCvb
Post #519
1.42K
TanStack Table
____________________________
TanStack Table — это библиотека таблиц без заголовка , что означает, что она не поставляется с компонентами, разметкой или стилями. Это означает, что у вас есть полный контроль над разметкой и стилями (CSS, CSS-in-JS, библиотеки компонентов пользовательского интерфейса и т. д.), и это также делает его переносимым. Вы даже можете использовать его в React Native!
https://shly.link/ghvek3
____________________________
TanStack Table — это библиотека таблиц без заголовка , что означает, что она не поставляется с компонентами, разметкой или стилями. Это означает, что у вас есть полный контроль над разметкой и стилями (CSS, CSS-in-JS, библиотеки компонентов пользовательского интерфейса и т. д.), и это также делает его переносимым. Вы даже можете использовать его в React Native!
https://shly.link/ghvek3
Post #518
860
Как написать более эффективные компоненты React Function
Тщательное кодирование может сэкономить еще больше времени
https://shly.link/kzZTj
Тщательное кодирование может сэкономить еще больше времени
https://shly.link/kzZTj
Post #516
831
Создавайте красивые компоненты пользовательского интерфейса с помощью NextUI
Для демонстрации в этом руководстве мы создадим пользовательский интерфейс покупок, чтобы продемонстрировать, как вы можете использовать NextUI в проекте React. Пользовательский интерфейс должен выглядеть так, как показано на скриншоте выше.
https://shly.link/AwAAP
Для демонстрации в этом руководстве мы создадим пользовательский интерфейс покупок, чтобы продемонстрировать, как вы можете использовать NextUI в проекте React. Пользовательский интерфейс должен выглядеть так, как показано на скриншоте выше.
https://shly.link/AwAAP
Post #515
834
Как импортировать SVG в приложения React и Vite
______________________________________
В этой статье рассказывают вам о различных способах импорта SVG в React, а также о том, как этот процесс работает внутри.
#react
https://shly.link/PPpAr
______________________________________
В этой статье рассказывают вам о различных способах импорта SVG в React, а также о том, как этот процесс работает внутри.
#react
https://shly.link/PPpAr
Post #513
828
Элемент React против компонента
Элементы, компоненты и экземпляры React — это разные термины в React, которые тесно связаны друг с другом. Это руководство проведет вас по всем трем терминам и объяснит их шаг за шагом. Мы начнем со следующего фрагмента кода в качестве примера.
https://shly.link/1oKRY
Элементы, компоненты и экземпляры React — это разные термины в React, которые тесно связаны друг с другом. Это руководство проведет вас по всем трем терминам и объяснит их шаг за шагом. Мы начнем со следующего фрагмента кода в качестве примера.
https://shly.link/1oKRY
Post #512
853
Примечания по поддержке внутренней библиотеки компонентов React
______
Этот документ представляет собой собрание моих мыслей о поддержке библиотеки компонентов как части существующей системы проектирования, используемой большим количеством интерфейсных приложений. Меня не особенно волнует визуальный дизайн — хотя я кажусь эффективным в его реализации — и меня больше интересуют программная инженерия и социальные проблемы, связанные с созданием крупномасштабной библиотеки компонентов.
https://shly.link/bwcus
www.gabe.pizza Notes on maintaining an internal React component library A collection of my thoughts on maintaining a component library as part of an existing design system used by a large number of frontend applications. ______
Этот документ представляет собой собрание моих мыслей о поддержке библиотеки компонентов как части существующей системы проектирования, используемой большим количеством интерфейсных приложений. Меня не особенно волнует визуальный дизайн — хотя я кажусь эффективным в его реализации — и меня больше интересуют программная инженерия и социальные проблемы, связанные с созданием крупномасштабной библиотеки компонентов.
https://shly.link/bwcus