REact
1.8K subscribers
249 photos
2 videos
2 files
994 links
Статьи, уроки, инструменты и все что связано с reactjs.

По вопросам сотрудничества- @Daily_admin_info

По иным темам @un_ixtime
Download Telegram
Forwarded from Web Design
Красивые SVG-иконки, созданные вручную создателями Tailwind CSS.
__________

Создатели Tailwind CSS выпустили Heroicons 2.0 , набор из 264 созданных вручную SVG-иконок для Интернета. Вы можете либо скопировать SVG прямо с веб-сайта Heroicons в свой проект, либо использовать сторонние библиотеки React и Vue

https://shly.link/6L76B
Как лениво загружать изображения в React

Оптимизация ресурсов, которые вы используете на своих веб-сайтах, таких как отложенная загрузка изображений, является одним из наиболее эффективных способов повышения производительности сети.

Это поможет вам убедиться, что ваши веб-сайты работают быстро, имеют отличную SEO -оптимизацию и улучшают взаимодействие с пользователем.
https://shly.link/Xf24J
Вот как быстрее разрабатывать пользовательские интерфейсы в ReactJS
__________

Разрабатывайте пользовательский интерфейс в ReactJS: изучите 5 методов для более быстрого создания пользовательского интерфейса с помощью ReactJS и популярных библиотек пользовательского интерфейса, которые можно использовать в React, чтобы помочь дизайнерам быстрее создавать пользовательский интерфейс.

https://shly.link/aGm0z
Как React и NextJS могут помочь вашему следующему веб-проекту
___________

"Я решил пойти с React и NextJS и посмотреть, как они составляют идеальную комбинацию. В следующей статье я расскажу о том, что делает React и NextJS хорошим выбором, а также об их преимуществах."

https://shly.link/devGyZk
Создавайте формы в React без стресса
________

Простой способ управления проверкой, ошибками, списком измененных полей и т. д.

https://shly.link/s15rV
Как подготовиться к React Interviews — Руководство по фронтенд-интервью

Сегодня мы рассмотрим наиболее распространенные проблемы, возникающие в ходе технического собеседования по интерфейсу, уделяя особое внимание React и JavaScript.
https://shly.link/PNEjr
Как скрыть исходный код сайта в React
______

Проблема, с которой я столкнулся в последнее время при разработке React, заключается в том, что когда я открываю консоль для проверки, а затем перехожу на вкладку «Исходный код», я вижу, что весь код веб-сайта можно увидеть. Вы можете буквально пойти и просто увидеть весь код веб-сайта, просто открыв консоль. Чтобы предотвратить это, я провел небольшое исследование и нашел довольно простое решение, которое занимает всего несколько минут.

В этой статье я объясню, как я спрятал исходный код своего сайта в React.

https://shly.link/BMLid
📚Подборка тематичеких каналов для программистов📚

СИСТЕМНОЕ АДМИНИСТРИРОВАНИЕ

🐧 Новости и информация из мира Linux
https://t.me/linux_sup
⚙️ Контейнеры, оркестраторы, мониторинг и др.
https://t.me/dev_ops_info
🕸 Сетевая архитектура и администрирование
https://t.me/network_arch

ПРОГРАММИРОВАНИЕ

🧑‍💻 Разработка внешнего интерфейса
https://t.me/Frontend_now
🎨 Веб дизайн
https://t.me/goodw_design
🔺 Все что связано с Angular, Vuejs
https://t.me/Angular_Vuejs
⚛️ Все что связано с reactjs
https://t.me/react_prog
🐍 Программирование Python
https://t.me/Welcome_Python
🐍⌨️Код Python
https://t.me/pycodings
☕️ Программирование Java
https://t.me/java_sup
📲 Все по мобильной разработке: iOS, Android
https://t.me/imobile_dev
🗃 Базы данных SQL/NOSQL
https://t.me/database_group
🌥 Облачные сервисы, вычисления и безопасность
https://t.me/cloud_comp
🔬 Data Science, Big Data, Machine Learning
https://t.me/bigdata_world
🔬📜Проекты Data Science, Big Data, Machine Learning
https://t.me/ML_programming
🤯 Программирование для новичков
https://t.me/easy_program
🪲 Тестирование программного обеспечения
https://t.me/testin_new
🪛 General programming (инструменты и руководства для программистов)
https://t.me/generalprog
📚Шпаргалки для айтишников (шпаргалки и руководства для системных администраторов, программистов, специалистов по безопасности и т.п.)
https://t.me/itcheat_sheet

НОВОСТНЫЕ РЕСУРСЫ

🚀 Новости HighTech
https://t.me/htech_news
🕰 Последнии новости из мира науки
https://t.me/gmorning_news

GITHAB

🐍 Python (гитхаб тренды)
https://t.me/pythonghub
☕️ Java (гитхаб тренды)
https://t.me/javaghub
🟨 Javascript (гитхаб тренды)
https://t.me/Jsghub

БУДНИ ПРОГРАММИСТА (ЮМОР) 📌

😁 Daily Dev Jokes
https://t.me/dev_jokes

ЗАЩИТА ВЗЛОМ БЕЗОПАСНОСТЬ

🔒 Информационная безопасность
https://t.me/crypto_security_lab
👨‍✈️ Новости из мира хакинга
https://t.me/Hackme_news

ВИРТУАЛЬНАЯ РЕАЛЬНОСТЬ, РОБОТОТЕХНИКА

👓 Компьютерное зрение, виртуальная реальность
https://t.me/AR_VR_vision
🦾 Канал о Робототехнике и автоматизации
https://t.me/robotics_scince
🕹 IOT (мир интернета вещей)
https://t.me/IoTprog
5 шагов, чтобы создавать компоненты React как профессионал

Компонент — это фундаментальный строительный блок в React. В этой статье мы рассмотрим быстрый способ создания действительно удобных в сопровождении, гибких, простых и многократно используемых компонентов.
https://shly.link/TtmcL
7 лучших библиотек компонентов для React
____

Если вы ищете лучшую библиотеку пользовательского интерфейса React для своего текущего проекта веб-разработки, мы создали список лучших библиотек компонентов пользовательского интерфейса React, которые помогут вам достичь ваших целей в области разработки. У каждого есть свои плюсы и минусы, которые мы обсудим ниже, но в целом использование любой библиотеки компонентов может дать много преимуществ и поддержать ваш проект React. Итак, давайте перейдем к тому, чтобы узнать больше о библиотеках React UI.

https://shly.link/PZrS7
17 обязательных библиотек для React-разработчика

https://shly.link/mdmc3P4
Напишите лучший код React без операторов условного рендеринга
______

Избегайте использования троичных операций, которые делают ваш код нечитаемым.

https://shly.link/QDnTa
Компонент React Button — Material UI
____

В этой статье мы подробно рассмотрим Buttonкомпонент MUI, его варианты и различные способы его использования в приложении React.

https://shly.link/devmXca
Создание библиотеки компонентов React
_________

Библиотека компонентов — одна из самых крутых вещей, которую может сделать веб-разработчик, но если вы не знаете, как ее сделать, позвольте мне немного помочь вам.

Прежде чем мы начнем, я хотел бы сказать вам, что я не профессионал в создании библиотек компонентов, это просто мой опыт разработки библиотек компонентов.

https://shly.link/devzaC8
Как аутентифицировать ваше приложение React с помощью Passport.js

В этом руководстве мы рассмотрим, как вы можете бесплатно добавить аутентификацию в свои приложения React с помощью стандартной библиотеки Passport.js.
https://shly.link/S8G8G
Как отлаживать приложения React с помощью VS Code — повысьте производительность отладки

На этой странице вы можете увидеть , как настроить VS Code в качестве отладчика для вашего приложения React и увидеть его в действии .

https://shly.link/devSBPe
Как анимировать ваши приложения React с помощью 1 строки кода

В этом руководстве мы увидим, как реализовать практически любую распространенную анимацию в ваших приложениях React с помощью одной строки кода с использованием библиотеки AutoAnimate .

https://shly.link/xXHFL
Создайте клон Minecraft с помощью React и Three.js

Мы только что опубликовали курс на YouTube-канале freeCodeCamp.org, который научит вас создавать полнофункциональный клон Minecraft с помощью React, JavaScript и Three.js.
https://shly.link/zU3Ph
Почему наши веб-сайты работают медленно — важность размера пакета

В одной статье я рассмотрел более 15 способов повышения производительности приложения React.

В этом прелесть разработки программного обеспечения: она никогда не бывает застойной или монотонной. Потому что сегодня, даже через год, я прочитал новую историю, в которой рассказывается о влиянии размера пакета на производительность приложения, и ошеломляющая история, чтобы понять, почему веб-сайты могут работать медленно.

https://shly.link/devmGcm
Почему вам следует избегать команды «create-react-app»

Руководство о том, как быстрее и проще запустить проект React без использования команды «create-react-app».


https://shly.link/n3r9R