Как защитить ваше приложение 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
Полезные хуки React, которые вы можете использовать в своих проектах В этом руководстве мы рассмотрим некоторые полезные хуки в React и способы их использования. Мы рассмотрим несколько примеров кода для каждого хука, а также рассмотрим, как создать собственный хук. https://goo.su/9dUa
Smashing Magazine
Useful React Hooks That You Can Use In Your Projects — Smashing Magazine
React class-based components are messy, confusing, hard for humans and machines. But before React 16.8, class-based components were mandatory for any projects that require states, life-cycle methods, and many other important functionalities. All these changed…
Реальные случаи использования Hooks useCallback и useMemo React В этом блоге я объясню, когда их использовать, и решу некоторые реальные варианты использования очень упрощенным способом. https://goo.su/9EO3
📌Frontend meetup Online
👨💻Нужен ли нам N(e/u)xt.js?
Григорий Петров, Evrone
👨💻vueModel
Дмитрий Колесников, Lamoda
👨💻Как пошарить API клиенты и не сойти с ума
Павел Кочеров, Ситимобил
👨💻Как собеседовать фронтендера
Василий Крылов, СберМаркет
➖➖➖
🗓 23 ноября, начало в 19:00 мск, Вторник
🌐 ОНЛАЙН
✅ Регистрация на мероприятие
👨💻Нужен ли нам N(e/u)xt.js?
Григорий Петров, Evrone
👨💻vueModel
Дмитрий Колесников, Lamoda
👨💻Как пошарить API клиенты и не сойти с ума
Павел Кочеров, Ситимобил
👨💻Как собеседовать фронтендера
Василий Крылов, СберМаркет
➖➖➖
🗓 23 ноября, начало в 19:00 мск, Вторник
🌐 ОНЛАЙН
✅ Регистрация на мероприятие
"bulletproof-react" - это скрытое сокровище лучших практик React! https://goo.su/9EoR
DEV Community
"bulletproof-react" is a hidden treasure of React best practices!
The GitHub repository "bulletproof-react", which is published as an example of React application...
Как создать современные карточки с помощью React и Tailwind Одним из моих любимых компонентов, несомненно, являются карты, и причины очень просты, они могут иметь множество применений.
Точно так же, как его можно использовать для информативного контента (например, краткого описания), его также можно использовать для моментального сосредоточения внимания пользователя (например, публикации в социальных сетях) или для того, чтобы пользователь мог совершить действие. https://goo.su/9EoO
Точно так же, как его можно использовать для информативного контента (например, краткого описания), его также можно использовать для моментального сосредоточения внимания пользователя (например, публикации в социальных сетях) или для того, чтобы пользователь мог совершить действие. https://goo.su/9EoO
DEV Community
How to Create Modern Cards using React and Tailwind
Overview One of my favorite components is undoubtedly cards and the reasons are very...