Одна из тем, которые я хочу срочно подтянуть - это тестирование. Проект, который сейчас делаю, довольно сложный, очень много кода, предшествующего построению интерфейсов - его желательно весь тестировать.
Так же я использовал тестирование, когда переносил legacy код, а потом решил его оптимизировать. Что я сделал - зная, что код рабочий я написал к нему тесты и проверил, чтобы все проходили. Только после этого начал оптимизировать код (фактически с 0 переписал его, изменив архитектуру), проверяя тесты. Рекомендую такой подход в данных ситуациях - очень облегчает жизнь в сложных кусках кода.
Так же хотелось бы чаще тестировать React компоненты.
Кстати, вот свежий курс - буду на выходные заниматься.
зы Рекомендую почитать про Storybook, если кто юзает React.
#test #react
Так же я использовал тестирование, когда переносил legacy код, а потом решил его оптимизировать. Что я сделал - зная, что код рабочий я написал к нему тесты и проверил, чтобы все проходили. Только после этого начал оптимизировать код (фактически с 0 переписал его, изменив архитектуру), проверяя тесты. Рекомендую такой подход в данных ситуациях - очень облегчает жизнь в сложных кусках кода.
Так же хотелось бы чаще тестировать React компоненты.
Кстати, вот свежий курс - буду на выходные заниматься.
зы Рекомендую почитать про Storybook, если кто юзает React.
#test #react
August 28, 2020
Если вы изучаете Реакт и планируете написать хорошее портфолио - вот отличная идея!
👉React Calculator на Hooks и Context API
Хороших выходных.
#react
👉React Calculator на Hooks и Context API
Хороших выходных.
#react
DEV Community
Build a React Calculator with Hooks and Context API
Originally Published March 15, 2019 for FreeCodeCamp.org If you are like me, when you first heard of...
August 28, 2020
September 1, 2020
Перевод официального блога React о предварительной версии React 17
⛔️Спойлер - новой функциональности не будет, но мне понравилось новое направление развития React
#react
⛔️Спойлер - новой функциональности не будет, но мне понравилось новое направление развития React
#react
Хекслет
Предварительная версия React 17: обошлись без новой функциональности
Перевод статьи об особенностях предварительной версии React 17. В ней рассказывается, какова роль этого обновления, каких изменений от него ожидать и как протестировать предварительную версию React 17.
September 2, 2020
Всем привет!
Знаю, что у нас на канале большинство ещё учиться.
Если кто задумался о Реакте, инфа для вас.
Введение в React, которого нам не хватало
#react
Знаю, что у нас на канале большинство ещё учиться.
Если кто задумался о Реакте, инфа для вас.
Введение в React, которого нам не хватало
#react
Хабр
Введение в React, которого нам не хватало
React — это самая популярная в мире JavaScript-библиотека. Но эта библиотека не потому хороша, что популярна, а потому популярна, что хороша. Большинство существ...
September 22, 2020
Всем привет!🖖
Я уже сталкивался с библиотекой Vix в React и вот наткнулся на обзор на русском
GitHub - https://github.com/airbnb/visx
Документация и примеры - https://airbnb.io/visx
#react
Я уже сталкивался с библиотекой Vix в React и вот наткнулся на обзор на русском
GitHub - https://github.com/airbnb/visx
Документация и примеры - https://airbnb.io/visx
#react
Хабр
Visx — коллекция графических примитивов для React-приложений, созданная в Airbnb
После 3 лет разработки и 2,5 лет использования в продакшн-проектах Airbnb, после переписывания кода на TypeScript, мы рады представить вам официальный релиз коллекции графических примитивов visx 1.0 ...
October 1, 2020
Всем привет!
Недавно в чате было обсуждение - как организовывать статус пользователей. И если по статусам, получаемым от сервера(например, online, offline) все ясно, то как организовать статусы, которые только на клиенте можно отследить? Например, afk, idle и тп
Тогда я ответил, что скоро буду писать код, отвечающий за подобные статусы и поделюсь решением.
Первоначально, я планировал так - организовываю слежку за активностью пользователя (движения мыши, клики, нажатия клавиш), вешаю глобальным обработчиком, при смене статуса отправляю уведомление на сервер.
В жизни решил эту проблему так же, но гораздо проще))) Коллега подсказал просто супер билиотеку - React Idle Timer. Простая в использовании, но очень мощная. Да, она для React, но уверен, что есть аналоги и для других фреймворков + можно посмотреть исходники))))
Хорошая, документация, примеры, TypeScript - короче, рекомендую!
зы страничка на github
ззы Прикреплю скрин - на Хуках весь код вышел в несколько строк! В документации в примерах все есть
#react
Недавно в чате было обсуждение - как организовывать статус пользователей. И если по статусам, получаемым от сервера(например, online, offline) все ясно, то как организовать статусы, которые только на клиенте можно отследить? Например, afk, idle и тп
Тогда я ответил, что скоро буду писать код, отвечающий за подобные статусы и поделюсь решением.
Первоначально, я планировал так - организовываю слежку за активностью пользователя (движения мыши, клики, нажатия клавиш), вешаю глобальным обработчиком, при смене статуса отправляю уведомление на сервер.
В жизни решил эту проблему так же, но гораздо проще))) Коллега подсказал просто супер билиотеку - React Idle Timer. Простая в использовании, но очень мощная. Да, она для React, но уверен, что есть аналоги и для других фреймворков + можно посмотреть исходники))))
Хорошая, документация, примеры, TypeScript - короче, рекомендую!
зы страничка на github
ззы Прикреплю скрин - на Хуках весь код вышел в несколько строк! В документации в примерах все есть
#react
October 6, 2020
Всем привет!
Сейчас на работе потребовалось освоить SSG - генератор создания статических сайтов. Т.к. я использую React, то выбор пал на Gatsby - модная штука, особо часто сейчас используют, при переводе сайтов в wordpress на React.
Кратко: Gatsby позволяет отвязать сайт от БД. Сайт становится статичным и быстро грузится (Реакт в чистый HTML) и появляется возможность хостиинга на халявные сайты, где нет поддержки БД.
На практике пока могу одно сказать - нужно знать graphQl (хотя и без него можно, но с ним вся фишка) и немного напрягают другие мелочи, возможно, я просто не разобрался еще.
Кстати, сегодня утром прочел статью, где автор как раз сравнивает ssg решения - Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?
#ssr #react #gatsby #next
Сейчас на работе потребовалось освоить SSG - генератор создания статических сайтов. Т.к. я использую React, то выбор пал на Gatsby - модная штука, особо часто сейчас используют, при переводе сайтов в wordpress на React.
Кратко: Gatsby позволяет отвязать сайт от БД. Сайт становится статичным и быстро грузится (Реакт в чистый HTML) и появляется возможность хостиинга на халявные сайты, где нет поддержки БД.
На практике пока могу одно сказать - нужно знать graphQl (хотя и без него можно, но с ним вся фишка) и немного напрягают другие мелочи, возможно, я просто не разобрался еще.
Кстати, сегодня утром прочел статью, где автор как раз сравнивает ssg решения - Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?
#ssr #react #gatsby #next
Хабр
Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?
Мы, выбирая фреймворк для нового веб-проекта, обычно склонны останавливаться на инструментах, с которыми знакомы, не обращая внимания на то, насколько хорошо они подходят для этого проекта. Я же...
October 8, 2020
Если кто использует React+Redux, но ещё не пробовал хуки именно Redux - вот прям настоятельно рекомендую!
ЗЫ Вот не плохая статья на этот счёт.
#react #redux
ЗЫ Вот не плохая статья на этот счёт.
#react #redux
Medium
How to Hook Redux in a React App
In this article we’ll learn how to use the new Redux hooks to build a food ordering app. It’ll cover various UI patterns like fetching…
October 10, 2020
Продолжу тему библиотек для управления состоянием приложения.
Классная статья - Почему мы выбрали MobX, а не Redux, и как его использовать эффективнее
#react #mobx
Классная статья - Почему мы выбрали MobX, а не Redux, и как его использовать эффективнее
#react #mobx
Хабр
Почему мы выбрали MobX, а не Redux, и как его использовать эффективнее
Choices and consequences .. BY Ash-3xpired. Источник https://www.deviantart.com/ash-3xpired/art/Choices-and-consequences-198140687Меня зовут Назим Гафаров, я ра...
October 10, 2020
Если вы разрабатываете на React, Vue или Angular - рекомендую использовать Storybook.
Эта штука просто незаменима при создании компонентов. Вам не нужно запускать проект и проверять, что вы там создали, как оно работает в разных состояниях и т.д. - вот для этих целей storybook
Вот краткая инструкция
ps Офф сайт - https://storybook.js.org/
#react #storybook
Эта штука просто незаменима при создании компонентов. Вам не нужно запускать проект и проверять, что вы там создали, как оно работает в разных состояниях и т.д. - вот для этих целей storybook
Вот краткая инструкция
ps Офф сайт - https://storybook.js.org/
#react #storybook
DEV Community
Getting Started with Storybook: How to Develop React Components Without an App
I wanted to write up some thoughts and a quick tutorial on one of my favorite development tools, Stor...
October 22, 2020
Concurrent Mode в React пока ещё experimental feature, но говорят, это не на долго.
Кто использует React, но ещё не в курсе, рекомендую ознакомиться, тк этот функционал очень уж востребованный и долгожданный.
👉Подробнее
#react
Кто использует React, но ещё не в курсе, рекомендую ознакомиться, тк этот функционал очень уж востребованный и долгожданный.
👉Подробнее
#react
Medium
React.js —Code Splitting with React.lazy and Suspense
Code splitting in your React applications can drastically increase performance and overall user experience
January 23, 2021
Хочу поделиться отличным ресурсом, в котором, наверно, крупнейшая подборка учебных материалов на русском языке для библиотеки React. Данный ресурс собрал уже около 400 звезд на гитхаб.
В нем вы найдете информацию по следующим темам:
Ключевые концепции React
React Router
Интернационализация в React
Тестирование в React
React Redux
React Native
Библиотеки для React
Разное (много разного, включая хуки)
Как я понял - это только первая версия, автор готовит следующую, причем не менее объемную.
👉Тотальный React
ps Теперь вы знаете, чем заняться на выходных)))
#react
В нем вы найдете информацию по следующим темам:
Ключевые концепции React
React Router
Интернационализация в React
Тестирование в React
React Redux
React Native
Библиотеки для React
Разное (много разного, включая хуки)
Как я понял - это только первая версия, автор готовит следующую, причем не менее объемную.
👉Тотальный React
ps Теперь вы знаете, чем заняться на выходных)))
#react
March 5, 2021
Всем привет!
Если кто-то ещё хранит и логику и отображение в одном компоненте Реакт, то я рекомендую задуматься о катомных хуках.
Очень просто, удобно и главное - необходимо! Никаких особых дополнительных знаний не нужно, достаточно знать базовые хуки Реакт.
Для примера, вот отличная статья - хоть и н английском, но там все понятно. Рекомендую разобрать все примеры.
#react #hook
Если кто-то ещё хранит и логику и отображение в одном компоненте Реакт, то я рекомендую задуматься о катомных хуках.
Очень просто, удобно и главное - необходимо! Никаких особых дополнительных знаний не нужно, достаточно знать базовые хуки Реакт.
Для примера, вот отличная статья - хоть и н английском, но там все понятно. Рекомендую разобрать все примеры.
#react #hook
freeCodeCamp.org
How to Build Your Own React Hooks: A Step-by-Step Guide
Custom React hooks are an essential tool that let you add special, unique functionality to your React applications. In many cases, if you want to add a certain feature to your application, you can simply install a third-party library that is made to...
March 7, 2021
Всем привет!
Вчера я понял, что после изучения JavaScript мой выбор React был самым оптимальным. Не буду разбирать + или - React, но фактически он №1 сейчас. Точно так же, как и Typescript который стал однозначным выбором, почти в любом проекте.
Так что, если кто заканчивает изучение js и думает, что выбрать дальше - посмотрите на рынок вакансий и увидите 70-80% это React. 👍
ЗЫ Обновляемая подборка качественных библиотек для React (кроме библиотек компонентов, там все и так ясно).
#react
Вчера я понял, что после изучения JavaScript мой выбор React был самым оптимальным. Не буду разбирать + или - React, но фактически он №1 сейчас. Точно так же, как и Typescript который стал однозначным выбором, почти в любом проекте.
Так что, если кто заканчивает изучение js и думает, что выбрать дальше - посмотрите на рынок вакансий и увидите 70-80% это React. 👍
ЗЫ Обновляемая подборка качественных библиотек для React (кроме библиотек компонентов, там все и так ясно).
#react
Frontend Stuff
Библиотеки для React
Популярные библиотеки для React
March 18, 2021
Всем привет!
Хочу поделиться видео, если вы используете ReactJS, думаю, вам тоже понравится. В нем Ден Абрамов "прошёлся" по Redux, обсудил актуальный спор classes vs hook's, будет ли переписываться React на Typescript и кучу других тем.
Классно, что можно посмотреть интервью с такой звездой (а Ден реально культовая личность) на русском языке. Послушать, как мыслят такие крутые разработчики. Рекомендую, если вы уже пишите на ReactJS.
PS ..."я не знаю что такое statemanagment"... © 🤣👍
#react
Хочу поделиться видео, если вы используете ReactJS, думаю, вам тоже понравится. В нем Ден Абрамов "прошёлся" по Redux, обсудил актуальный спор classes vs hook's, будет ли переписываться React на Typescript и кучу других тем.
Классно, что можно посмотреть интервью с такой звездой (а Ден реально культовая личность) на русском языке. Послушать, как мыслят такие крутые разработчики. Рекомендую, если вы уже пишите на ReactJS.
PS ..."я не знаю что такое statemanagment"... © 🤣👍
#react
YouTube
Интервью Наталии Теплухиной и Наталии Коротковой с Дэном Абрамовым
Ближайшая конференция — HolyJS 2024 Autumn, 7 ноября (online), 14–15 ноября (Санкт-Петербург + трансляция).
Подробности и билеты: https://jrg.su/K18Cxd
— —
Интервью с Дэном Абрамовым, в котором Наталия Теплухина и Наталия Короткова зададут Дэну накопившиеся…
Подробности и билеты: https://jrg.su/K18Cxd
— —
Интервью с Дэном Абрамовым, в котором Наталия Теплухина и Наталия Короткова зададут Дэну накопившиеся…
April 20, 2021
Всем привет!
Постоянно в чатах поднимается один и тот же вопрос - где посмотреть best practices, что бы писать хороший код? Такого места нет - нужно читать хорошие статьи и смотреть как пишут код авторитетные разработчики. Просить code review для своего кода и тд.
PS Если вы начинаете писать на ReactJS, то эти несколько советов должны улучшить ваш код.
#react
Постоянно в чатах поднимается один и тот же вопрос - где посмотреть best practices, что бы писать хороший код? Такого места нет - нужно читать хорошие статьи и смотреть как пишут код авторитетные разработчики. Просить code review для своего кода и тд.
PS Если вы начинаете писать на ReactJS, то эти несколько советов должны улучшить ваш код.
#react
Webformyself
Простые советы по написанию чистых компонентов React
Секреты написания чистых компонентов React: избегание передачи свойств, заключение параметров в объект, функции обработчика и другие
April 26, 2021
Всем привет!
Отличная подборка вопросов для подготовки к собеседованию на React. Навигация правда не работает 😂 (в правом блоке Contents рабочая навигация), но зато более 300 вопросов и ответов.
В закладки! ✅
#react #собеседование
Отличная подборка вопросов для подготовки к собеседованию на React. Навигация правда не работает 😂 (в правом блоке Contents рабочая навигация), но зато более 300 вопросов и ответов.
В закладки! ✅
#react #собеседование
August 11, 2021
Всем привет!
Кто еще не в курсе - вышел React 18!!! Очень много реально классных и полезных технологий в новой версии. Ни разу не пожалел, что выбрал React!
ps Кстати, вот неплохое видео
#react
Кто еще не в курсе - вышел React 18!!! Очень много реально классных и полезных технологий в новой версии. Ни разу не пожалел, что выбрал React!
ps Кстати, вот неплохое видео
#react
YouTube
НОВЫЙ REACT 18 ВЫШЕЛ
В этом ролике мы посмотрим новые фичи React 18. Batching, useDeferredValue, useTransition и другое
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv…
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Мой канал в telegram и канал для общения подписчиков - https://t.me/ulbi_tv…
April 13, 2022