Каждый разработчик React должен знать эти библиотеки Привет, разработчики! Я здесь, чтобы поделиться некоторыми лучшими React component libraries, популярными среди разработчиков благодаря удобству использования и доступности.
Выбор правильной библиотеки для приложения может быть непростым. Когда дело доходит до создания современных приложений React, эти библиотеки компонентов экономят нам время и силы.
Итак, приступим. https://goo.su/8otD
Выбор правильной библиотеки для приложения может быть непростым. Когда дело доходит до создания современных приложений React, эти библиотеки компонентов экономят нам время и силы.
Итак, приступим. https://goo.su/8otD
DEV Community 👩💻👨💻
Every React Developer should know these libraries
Hey, Devs! I'm here to share some best React component libraries that are popular among developers...
Современная и гибкая система дизайна и UI-библиотека для React Современная, всеобъемлющая, гибкая система дизайна и библиотека пользовательского интерфейса. Быстро создавайте красивые приложения на React. https://goo.su/8scD
React.js Examples
A modern and flexible design system and UI library for React
Руководство по SWR для начинающих: получение данных в React Обычные методы получения данных, такие как Fetch API или библиотека Axios, хорошо работают в React. Их можно использовать для простой отправки и получения данных.
Но как насчет кеширования или разбивки на страницы? Или автоматическая повторная валидация или дедупликация запроса? Только Fetch и Axios могут отправлять или извлекать данные, затем возвращать свой ответ, и все.
В этой статье позвольте мне представить вам SWR, потрясающую библиотеку React Hooks, которая выводит выборку данных в React на новый уровень. https://goo.su/8Sdb
Но как насчет кеширования или разбивки на страницы? Или автоматическая повторная валидация или дедупликация запроса? Только Fetch и Axios могут отправлять или извлекать данные, затем возвращать свой ответ, и все.
В этой статье позвольте мне представить вам SWR, потрясающую библиотеку React Hooks, которая выводит выборку данных в React на новый уровень. https://goo.su/8Sdb
OpenReplay Blog
Beginner’s Guide to SWR: Data Fetching in React
Learn about SWR and what it means for your HTTP-needs
Знаете ли вы 5 типов состояний в React? Справочное руководство, чтобы лучше узнать свои состояния в React https://goo.su/8Tyo
Стандартная библиотека React: необходимый набор инструментов для любого проекта React https://cutt.ly/PRBYKNk
GitHub
GitHub - streamich/libreact: Collection of useful React components
Collection of useful React components. Contribute to streamich/libreact development by creating an account on GitHub.
Как защитить ваше приложение React.js Поскольку React постоянно обновляется и улучшается, я не могу составить здесь исчерпывающий список уязвимостей. Но здесь я расскажу о некоторых из наиболее известных и распространенных угроз. https://goo.su/8tyR
freeCodeCamp.org
How to Secure Your React.js Application
React.js is a scalable open-source JavaScript library and is one of the most commonly used front-end frameworks out there today. It's dynamic and is easy to get started with if you want to create interactive web applications with reusable components. There…
Полное объяснение кодовой базы React с помощью схем визуальных блоков Этот репозиторий содержит объяснение внутренней работы React. Фактически, я отлаживал всю кодовую базу и выкладывал всю логику на визуальные блок-схемы, анализировал их, обобщал и объяснял основные концепции и подходы. https://goo.su/8W95
Как превратить Google Таблицы в REST API и использовать его с приложением React Публикация данных в API никогда не была простой. Но использовали ли вы когда-нибудь React для публикации данных формы в Google Таблицах? Если нет, то это руководство для вас. https://goo.su/8wa5
Распространенные ошибки хуков React, которых следует избегать В этой статье я расскажу о 5 распространенных ошибках React Hook, которых следует избегать каждому разработчику при создании надежных приложений React. https://goo.su/8yvo
Не оптимизируйте свое приложение React, вместо этого используйте Preact Preact по умолчанию предлагает оптимизацию производительности. https://goo.su/8ZhB
Medium
Don’t Optimize Your React App, Use Preact Instead
Preact offers performance optimization by default.
Шаблон портфолио с React JS с использованием Styled-Components и framer-motion для анимации Создайте потрясающее портфолио с React JS, используя стилизованные компоненты и framer-motion для потрясающих анимаций
Этот репозиторий содержит окончательный код для веб-сайта портфолио на ReactJS. https://goo.su/96Ri
Этот репозиторий содержит окончательный код для веб-сайта портфолио на ReactJS. https://goo.su/96Ri
4 совета и хитрости, которые сделают ваш код ReactJS более понятным и надежным Вот список удивительных приемов, которые вы можете использовать для улучшения своего приложения React. Эти советы не только сделают ваш код более понятным и надежным, но и нацелены на то, чтобы сделать процесс разработки проще и приятнее . Попробуйте эти методы в своем проекте React уже сегодня! https://goo.su/96V5
Более чистая выборка данных с помощью React-query https://goo.su/96x
DEV Community
Cleaner data fetching with react-query
Data-fetching is something I feel does not get the importance and limelight as say state management...
🔥OTUS открывает набор в новую группу практического онлайн-курса «React.js Developer».
Программа ориентирована на специалистов с опытом JS. Вас ждут живые лекции с лайфхаками от экспертов и насыщенная практика в условиях, приближенных к реальным задачам.
👉Пройдите вступительное тестирование, чтобы занять место в группе по специальной цене https://otus.pw/XLII/
Программа ориентирована на специалистов с опытом JS. Вас ждут живые лекции с лайфхаками от экспертов и насыщенная практика в условиях, приближенных к реальным задачам.
👉Пройдите вступительное тестирование, чтобы занять место в группе по специальной цене https://otus.pw/XLII/
Что нового в React 18
давайте обновимся с функциями React 18! https://cutt.ly/LTaVlkU
давайте обновимся с функциями React 18! https://cutt.ly/LTaVlkU
Medium
What’s New in React 18
let’s get updated with the React 18 features!
Все, что вам нужно знать о React Router v6 React Router - это набор компонентов навигации, которые используются для навигации в большинстве приложений React. React Router - это стандартная библиотека маршрутизации для React. Стабильная версия React Router была недавно выпущена, то есть v6. Хочу поделиться основными изменениями, внесенными в эту версию. Если вы хотите сразу сделать выводы, как мой бывший, вот мой репозиторий на Github . https://goo.su/9Aw3
Гоночная игра с открытым исходным кодом, созданная на React и Threejs Этот проект демонстрирует возможности React в играх. Каждая вещь представляет собой автономный компонент, использующий react -three-fiber для выражения threejs с семантикой React. https://goo.su/9AWc
GitHub
GitHub - pmndrs/racing-game at reactjsexample.com
🏎 Open source racing game developed by everyone willing - GitHub - pmndrs/racing-game at reactjsexample.com
React Render Tracker: инструмент для обнаружения проблем с производительностью, связанных с непреднамеренным повторным рендерингом React Render Tracker (RRT) представляет состояние дерева компонента во времени и журнал событий, связанный с выбранным компонентом (волокном) или его поддеревом. Он не дает полного состояния компонентов, а показывает разницу между их состояниями. Это не замена React Devtools, а дополнение к нему с акцентом на исследование изменений в дереве компонентов приложения (например, монтирования, обновления и размонтирования) и их причин. https://goo.su/9aWe
React.js Examples
React Render Tracker : a tool to discover performance issues related to unintended re-renders
Gurufy облегчает изучение React.js разработки.
Изучите React.js и его экосистему — быстро и очень легко.
Официальный сайт - https://gurufy.dev/
Недавно добавился крутой курс по TypeScript.
TypeScript сейчас используется практически везде, поэтому советуем его изучить именно тут.
Круто то, что курс по TypeScript сделан так, что вы можете смотреть видеокурс по нему или же просто читать его в текстовом формате.
Изучите React.js и его экосистему — быстро и очень легко.
Официальный сайт - https://gurufy.dev/
Недавно добавился крутой курс по TypeScript.
TypeScript сейчас используется практически везде, поэтому советуем его изучить именно тут.
Круто то, что курс по TypeScript сделан так, что вы можете смотреть видеокурс по нему или же просто читать его в текстовом формате.
7 лучших инструментов разработчика React для использования в 2021 году (с бонусом!) Чтобы разработчики React могли в полной мере использовать преимущества библиотеки, чтобы кодирование становилось проще и быстрее, вот 7 лучших инструментов, которые вы, как разработчик React, должны добавить в закладки и использовать в качестве справочника при необходимости. https://goo.su/9aZP