React: практики, которые помогут стать продвинутым разработчиком

https://tprg.ru/XWhs

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

В статье собрали несколько советов, которые помогут начать использовать React.js с большей эффективностью:
— зачем нужен контекст,
— как можно обрабатывать ошибки,
— где взять конфигурации сборок, которые могут улучшить производительность,
— как взаимодействовать с дочерними элементами,
— зачем нужно разделение кода и как его использовать.

#веб #react

Способы передачи данных между компонентами в React

https://tprg.ru/Q0Dk

Если вы в своём проекте используете React, то вам очень пригодится понимание того, как происходит взаимодействие React-компонентов.

В статье подробно рассказываем про возможные способы передачи данных между компонентами:
— через свойства (props),
— передача через Context,
— с использованием React-Redux.

#javascript #react

Создаём drag-and-drop элементы на React

https://tprg.ru/j7nd

В этой статье рассмотрим создание drag-and-drop элементов на React с помощью библиотеки react-beautiful-dnd от Atlassian. Статья рассчитана на людей, знакомых с React.

Изучать библиотеку будем, разрабатывая простую игру с drag-and-drop элементами.

#react #reactjs

Солидному программисту — солидные часы. На React и со styled-components, конечно.

Код в помощь: https://codepen.io/JohnRiordan/pen/mgdpKN

#react

5 современных способов создания анимации в React

https://tprg.ru/6btU

Многие разработчики анимируют приложения только с помощью CSS, добавляя классы в теги HTML. Это отличный способ, но если хотите создавать сложные анимации, обратите внимание на другие подходы.

В нашем материале давайте поговорим о них.

#веб #react

Мы подготовили для вас подборку материалов по кроссплатформенной и Android-разработке, из которых вы узнаете:

— о жизненном цикле Android-приложений: https://tprg.ru/Gu3w

— Java или Kotlin лучше для Android-разработки: https://tprg.ru/h2XB

— натив или кроссплатформенность выбрать начинающему мобильному разработчику: https://tprg.ru/Yz9h

— чем отличаются друг от друга фреймворки React Native, Flutter, Ionic, Xamarin и PhoneGap: https://tprg.ru/Twhk

— как разработать первое приложение на React Native: https://tprg.ru/A61F

— как создать первое приложение на Kotlin Multiplatform: https://tprg.ru/N4rZ

— безумие или дальновидный шаг перейти из Android во Flutter: https://tprg.ru/LIwO

#кроссплатформенность #flutter #react #android

​Что нужно знать React-разработчику в 2021 году?

В этой статье Максим Кравец, руководитель аутсорс-продакшна Holyweb составил целую дорожную карту по изучению фреймворка. Всё с подробными примерами и полезными ссылками:

https://tprg.ru/UQOi

#веб #react

​В своей статье о русскоязычной версии Wordle Саша рассказал, что использовал для её разработки Next.js.

Если вкратце, Next.js — это JavaScript-фреймворк, внутри которого работает библиотека React. Он «из коробки» отлично справляется с созданием статических веб-сайтов. Но главное, за что любят Next.js, — это возможность предварительного рендеринга страниц динамических сайтов на стороне сервера.

И если вам стало интересно, как использовать этот фреймворк в своих проектах, или вы хотели бы разрабатывать похожие веб-приложения, советуем годную подборку уроков от Жени Ковальчука на YouTube.

#курсы #js #веб #react