Category: React

21
Июл
2021

Руководство по пользовательским хукам React с MutationObserver

От автора: с появлением React Hooks количество совместно используемого кода в кодовых базах React резко возросло. Поскольку хуки — это тонкие API-интерфейсы поверх React, разработчики могут сотрудничать, прикрепляя повторно используемое поведение к компонентам и разделяя это поведение на более мелкие модули. Хотя это похоже на то, как разработчики JavaScript абстрагируют бизнес-логику в модулях ванилла JavaScript, […]

13
Июл
2021

Обучение фронтенду с оплатой после трудоустройства

Изучите всё, необходимое фронтенд-разработчику: HTML, CSS, JS, а также React в связке с Redux. Ничего платить не придётся, пока не найдёте работу в Москве.
— Читать дальше «Обучение фронтенду с оплатой после трудоустройства»

13
Июл
2021

Митап «Common anti-patterns in JS apps»

Эксперт по бэкенд- и фронтенд-разработке поговорит о типичных проблемах на бэкенде с Node.js, о фронтенде с React/Redux, ответит на вопросы и даст рекомендации.
— Читать дальше «Митап «Common anti-patterns in JS apps»»

05
Июл
2021

Путь к увеличению производительности приложения на React в 10 раз

От автора: когда-либо получали ошибку «Aw! Snap» в вашем приложении? Пытались это решить? Вы просто погуглили и не нашли ничего, кроме статьи о ошибках chrome? Как правило, простое обновление страницы поможет вашему приложению снова запускаться. Год назад в Technogise у меня появилась возможность поработать над тяжелым фронт-энд приложением ReactJS с множеством функций. Мы унаследовали эту […]

02
Июл
2021

Динамическая и статическая маршрутизация в React

От автора: маршрутизация — это тема, с которой большинство из нас знакомо. Однако фреймворки SPA и библиотеки маршрутизации используют различные методы. Два таких подхода — статическая и динамическая маршрутизация. Такие фреймворки, как Angular, Ember и библиотека React Router (в прошлом) поддерживали статическую маршрутизацию. Но недавно React Router представил динамическую маршрутизацию для устранения некоторых основных ограничений […]

25
Июн
2021

Использование форм в React

От автора: независимо от того, какое приложение вы пишете, велика вероятность, что вам понадобится хотя бы одна форма. Формы в React часто вызывают затруднения, поскольку содержат детальный и шаблонный код. Давайте посмотрим, как создавать формы в React с меньшими усилиями. В этой статье мы сосредоточимся на использовании простого React без библиотек. Вы узнаете, как на […]

24
Июн
2021

iPod.js — веб-версия легендарного плеера с авторизацией через Spotify и Apple Music

Как вишенка на торте — работающий Click Wheel.
— Читать дальше «iPod.js — веб-версия легендарного плеера с авторизацией через Spotify и Apple Music»

24
Июн
2021

Лучшие практики стилизованных компонентов React

Приведённые в статье советы и рекомендации должны помочь вам грамотно использовать стилизованные компоненты React.
— Читать дальше «Лучшие практики стилизованных компонентов React»

23
Июн
2021

Митап «Эволюция фронтенд-разработчика»

Расскажут о том, как развиваться фронтендеру, стоит ли двигаться в сторону фуллстека или пробовать себя в мобильной разработке.
— Читать дальше «Митап «Эволюция фронтенд-разработчика»»

16
Июн
2021

Курс «Веб-разработчик»

12 месяцев обучения разработке на JavaScript и PHP, 30 проектов для портфолио, 6 месяцев дополнительного обучения и помощь в трудоустройстве.
— Читать дальше «Курс «Веб-разработчик»»

16
Июн
2021

Полное руководство по виртуальной DOM React

От автора: борьба с бесполезными манипуляциями с DOM, согласование и алгоритм различий. Реальная DOM Перво-наперво, DOM означает «объектную модель документа». Простыми словами DOM представляет пользовательский интерфейс вашего приложения. Каждый раз, когда происходит изменение состояния пользовательского интерфейса вашего приложения, DOM обновляется, чтобы представить это изменение. Теперь загвоздка заключается в том, что частые манипуляции с DOM влияют […]

15
Июн
2021

Что такое React Hooks и какие проблемы они решают

От автора: при работе с React — и до выпуска хуков в версии 16.8 — всегда была возможность создавать компоненты тремя разными способами в зависимости от ваших потребностей. 1. Элементарные компоненты — эти компоненты являются простейшими, они характеризуются тем, что являются простыми переменными, которые хранят определенное выражение JSX, поэтому они не получают свойств и не […]

14
Июн
2021

React, TypeScript и TDD

От автора: ReactJS очень популярен и поэтому широко поддерживается. TypeScript становится все более популярным и поэтому все более широко поддерживается. А если они вместе? Становится намного лучше. Они оба в контексте разработки через тестирование в сочетании с интеллектуальными инструментами? Почему разработка через тестирование? Разработка через тестирование, или TDD, позиционируется как способ выполнить дополнительную работу заранее, […]

11
Июн
2021

Курс «JavaScript-фреймворк React.js»

За 3 месяца научитесь применять фреймворк React.js, расширите профессиональные навыки и пополните портфолио.
— Читать дальше «Курс «JavaScript-фреймворк React.js»»

08
Июн
2021

Курс «Frontend-разработчик»

За 7 месяцев с нуля изучите вёрстку, JavaScript, инструменты и технологии для Frontend-разработки и подготовитесь к трудоустройству.
— Читать дальше «Курс «Frontend-разработчик»»

01
Июн
2021

Курс «Fullstack-разработчик на Python»

За 15 месяцев можно стать Fullstack-разработчиком с портфолио и получить работу при поддержке карьерного центра SkillFactory.
— Читать дальше «Курс «Fullstack-разработчик на Python»»

26
Май
2021

Курс «Fullstack-разработчик на JavaScript»

За полтора года с нуля научитесь программировать на JavaScript и TypeScript и освоите передовые технологии — React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB.
— Читать дальше «Курс «Fullstack-разработчик на JavaScript»»

11
Май
2021

Создание To-Do List в React с помощью Redux Toolkit в TypeScript

От автора: сегодня мы узнаем, как составить список дел с помощью Redux. Redux — популярная библиотека управления состоянием, особенно в сочетании с React. Возьмем Redux Toolkit. Redux Toolkit значительно сокращает объем кода Redux, который нам придется писать, и значительно улучшает опыт разработки, как вы скоро увидите. Итак, без лишних слов, давайте погрузимся в создание нашего […]

07
Май
2021

Как создать свой первый React Hook от начала до конца

От автора: в этой статье давайте рассмотрим, как от начала до конца создать собственный React hook, который позволяет пользователям копировать фрагменты кода или любой другой текст в приложении. Какую функцию мы хотим добавить? На моем веб-сайте reedbarger.com я разрешаю пользователям копировать код из моих статей с помощью пакета под названием react-copy-to-clipboard. Пользователь просто наводит курсор […]

23
Апр
2021

Простые советы по написанию чистых компонентов React

От автора: в этом посте давайте рассмотрим несколько простых советов, которые помогут вам писать более чистые компоненты React и лучше масштабировать проект. Избегайте передачи свойств c помощью оператора разделения Давайте сначала начнем с антипаттерна, которого вам следует избегать. Если нет конкретной и обоснованной причины, чтобы сделать это, вы должны избегать прохождения свойств вниз дерева компонентов, […]

22
Апр
2021

Как создать Accordion React с нуля без использования внешней библиотеки

От автора: как вы, возможно, знаете, есть много приложений, использующих контейнер accordions, таких как отображение списка часто задаваемых вопросов, различных меню и подменю, для отображения различных местоположений конкретной компании и так далее. Итак, в этой статье мы рассмотрим, как построить accordion в React полностью с нуля, шаг за шагом, без использования какой-либо внешней библиотеки. Мы […]

16
Апр
2021

Визуализация данных: легкое построение графиков React

От автора: рассмотрим эффективный способ создания графиков React с помощью библиотеки KendoReact Charts. Прочитав эту статью, вы узнаете, как быстро реализовать гистограммы и диаграммы с помощью библиотеки, которая обеспечивает основу для элементов визуализации данных в вашем приложении React. Веб-приложения часто должны помочь конечному пользователю разобраться в различных типах данных. Один из лучших способов представить данные […]

03
Фев
2021

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

Инструменты и ключевые навыки, которыми нужно владеть React-разработчику в 2021 году, чтобы быть востребованным специалистом.
— Читать дальше «Что нужно знать React-разработчику в 2021 году»

04
Дек
2020

Как стать React-разработчиком в 2021: дорожная карта

Хотите знать, как стать React-разработчиком в 2021? Держите дорожную карту, которая собрала must-have темы и инструменты.
— Читать дальше «Как стать React-разработчиком в 2021: дорожная карта»

04
Дек
2020

Как создавать формы React для лучшего взаимодействия с пользователем

От автора: узнайте больше о том, как создавать формы в React, обладающие прекрасным пользовательским интерфейсом, при помощи KendoReact Form. В современных приложениях повсюду присутствуют формы, ведь независимо от того, создаёте ли вы новый онлайн магазин или форму подписки на новостной ресурс, вам определенно требуется настраивать формы и держать их под контролем. Формы предназначены для сбора […]

24
Ноя
2020

Онлайн-курс «Fullstack-разработчик»

Обучение Full Stack веб-разработке на одном из популярных языков: JavaScript, Python или PHP. Подойдёт как начинающим, так и продвинутым.
— Читать дальше «Онлайн-курс «Fullstack-разработчик»»

26
Окт
2020

Факультет Fullstack JavaScript

Помогуь с нуля стать fullstack-разработчиком и научат создавать сайты, мобильные приложения и высоконагруженные сервисы.
— Читать дальше «Факультет Fullstack JavaScript»

08
Окт
2020

Старт 9 ноября, Москва и СПб: интенсив «Fullstack-разработчик. JavaScript»

За 3 месяца овладеете необходимыми знаниями по JavaScript и основным инструментам, которые позволят трудоустроиться на позицию разработчика.
— Читать дальше «Очный интенсив «Fullstack-разработчик. JavaScript»»

29
Сен
2020

Как использовать стилизованные компоненты в React

От автора: это краткое руководство по изучению стилизованных компонентов, методологии CSS на основе компонентов, используемой в React. Если вы хотите применять стилизованные компоненты в своих проектах, это руководство поможет вам начать работу. Обзор стилизованных компонентов Styled Components — это библиотека для React и React Native для написания и управления CSS. Это решение «CSS-in-JS», то есть […]