Доклад: Улучшаем качество кода React-приложения с помощью Compound Components
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нём появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понимать, что там происходит.
В этом докладе поделятся подходом написания компонентов, помогающих избежать такой ситуации — Compound Components.
https://youtu.be/4BByJUk5x7M
#доклад #react #frontend #ru
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нём появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понимать, что там происходит.
В этом докладе поделятся подходом написания компонентов, помогающих избежать такой ситуации — Compound Components.
https://youtu.be/4BByJUk5x7M
#доклад #react #frontend #ru
YouTube
Александр Дунай (Альфа-Банк) — Улучшаем качество кода React-приложения с помощью Compound Components
Ближайшая конференция — HolyJS 2024 Autumn, 7 ноября (online), 14–15 ноября (Санкт-Петербург + трансляция).
Подробности и билеты: https://jrg.su/K18Cxd
— —
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и…
Подробности и билеты: https://jrg.su/K18Cxd
— —
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и…
Доклад: Архитектура React-приложения
Эта лекция фокусируется на проблемах, которые приходится решать, когда ваше приложение растёт и начинает усложняться.
Поговорят об архитектурных паттернах, расскажут, зачем появилась и что из себя представляет концепция MVC, как она соотносится c Flux, предложенным Facebook, а также детально рассмотрят Redux — самую популярную реализацию Flux.
https://youtu.be/Zy-Oj6qs8vo
#react #javascript #frontend #доклад #ru
Эта лекция фокусируется на проблемах, которые приходится решать, когда ваше приложение растёт и начинает усложняться.
Поговорят об архитектурных паттернах, расскажут, зачем появилась и что из себя представляет концепция MVC, как она соотносится c Flux, предложенным Facebook, а также детально рассмотрят Redux — самую популярную реализацию Flux.
https://youtu.be/Zy-Oj6qs8vo
#react #javascript #frontend #доклад #ru
YouTube
07. Архитектура React - приложения – Егор Блинов
Эта лекция продолжает рассказ про React и фокусируется на проблемах, которые приходится решать, когда ваше приложение растет и начинает усложняться.
Мы поговорим об архитектурных паттернах, узнаем, зачем появилась и что из себя представляет концепция MVC…
Мы поговорим об архитектурных паттернах, узнаем, зачем появилась и что из себя представляет концепция MVC…
Держите большую шпаргалку-роадмап для React-разработчиков
В ней собраны все актуальные инструменты и технологии. Тут можно подсмотреть план обучения или же просто заполнить пробелы в знании стека.
Детально про роадмап в статье.
#шпаргалка #frontend #react #en
В ней собраны все актуальные инструменты и технологии. Тут можно подсмотреть план обучения или же просто заполнить пробелы в знании стека.
Детально про роадмап в статье.
#шпаргалка #frontend #react #en
Доклад: Что не так с React.js? Best practices vs code smells
Александр Погорелов является Senior Frontend разработчиком в DataArt.
В своём докладе он расскажет о самом фреймворке, разберёт «запахи» кода, а также лучшие практики.
Доклад будет полезен фронтенд разработчикам любого уровня, новички узнают что-то новое, матёрые разработчики освежат память. Используя подходы описанные в докладе, ваш код будет чище, читабельнее и поддерживаемее, потому что все примеры взяты из реальной жизни, из реальных проектов. В конце будут даны ссылки на используемые источники и репозиторий с примерами использования лучших практик представленных в презентации.
https://youtu.be/pCzbSJl2_RY
#доклад #web #react #ru
Александр Погорелов является Senior Frontend разработчиком в DataArt.
В своём докладе он расскажет о самом фреймворке, разберёт «запахи» кода, а также лучшие практики.
Доклад будет полезен фронтенд разработчикам любого уровня, новички узнают что-то новое, матёрые разработчики освежат память. Используя подходы описанные в докладе, ваш код будет чище, читабельнее и поддерживаемее, потому что все примеры взяты из реальной жизни, из реальных проектов. В конце будут даны ссылки на используемые источники и репозиторий с примерами использования лучших практик представленных в презентации.
https://youtu.be/pCzbSJl2_RY
#доклад #web #react #ru
Доклад: Стабильность React Native-приложения с круглосуточным up time
Забавная история о поиске проблемы в стабильности одного React Native-приложения. Доклад расскажет о найденных инструментах для локального и удалённого поиска проблем со стабильностью и быстродействием мобильных приложений.
https://youtu.be/LnaujuIBmmg
#доклад #react #web #ru
Забавная история о поиске проблемы в стабильности одного React Native-приложения. Доклад расскажет о найденных инструментах для локального и удалённого поиска проблем со стабильностью и быстродействием мобильных приложений.
https://youtu.be/LnaujuIBmmg
#доклад #react #web #ru
YouTube
Евгений Гейманен — Стабильность React Native-приложения с круглосуточным up time
Ближайшая конференция — HolyJS 2025 Spring, 7—8 апреля, Москва + online. Подробности и билеты: https://jrg.su/gxfN4t
— —
Забавная история о поиске проблемы в стабильности одного React Native-приложения. Доклад расскажет о найденных инструментах для локального…
— —
Забавная история о поиске проблемы в стабильности одного React Native-приложения. Доклад расскажет о найденных инструментах для локального…
Курс: React Testing Library
В данном видеокурсе вы рассмотрите тестирование React-компонентов с помощью библиотеки react-testing-library, разберёте её философию, плюсы и минусы, а также основные отличия от Enzyme в подходе к тестированию.
https://youtu.be/n79PMyqcCJ8
#курс #web #react #ru
В данном видеокурсе вы рассмотрите тестирование React-компонентов с помощью библиотеки react-testing-library, разберёте её философию, плюсы и минусы, а также основные отличия от Enzyme в подходе к тестированию.
https://youtu.be/n79PMyqcCJ8
#курс #web #react #ru
YouTube
React Testing Library. Полный курс
#YauhenK #webDev #ReactTestingLibrary #testing
Всех приветствую в курсе «React Testing Library».
В данном видеокурсе мы с вами рассмотрим тестирование React-компонентов с помощью библиотеки react-testing-library. Разберём её философию, плюсы и минусы. А…
Всех приветствую в курсе «React Testing Library».
В данном видеокурсе мы с вами рассмотрим тестирование React-компонентов с помощью библиотеки react-testing-library. Разберём её философию, плюсы и минусы. А…
Доклад: Как работает React
Автор держит руку на пульсе и знает, какие изменения произошли с React за последние пару лет. Что такое хуки и какую проблему они решают? Как правильно: асинхронный или конкурентный мод? Это исключительно практичный доклад об опыте, который автор получил, разрабатывая и поддерживая библиотеки для React:
https://youtu.be/wMdjrU2apNg
#доклад #react #js #ru
Автор держит руку на пульсе и знает, какие изменения произошли с React за последние пару лет. Что такое хуки и какую проблему они решают? Как правильно: асинхронный или конкурентный мод? Это исключительно практичный доклад об опыте, который автор получил, разрабатывая и поддерживая библиотеки для React:
https://youtu.be/wMdjrU2apNg
#доклад #react #js #ru
YouTube
RND.JS #9: Дмитрий Ивахненко. Как работает React
Дмитрий держит руку на пульсе и знает, какие изменения произошли с React за последние пару лет. Что такое хуки и какую проблему они решают? Как правильно: асинхронный или конкурентный мод? Это исключительно практичный доклад об опыте, который Дмитрий получил…
Шпаргалка: Все концепции React, которые вам нужно знать
Держите обучающую шпаргалку по React, с помощью которой можно в любой момент быстро подтянуть знания по конкретным возможностям фреймворка или ускорить процесс обучения. Автор не только привёл примеры кода, но и детально всё описал в тексте:
Ссылка на шпаргалку
#шпаргалка #react #frontend #ru
Держите обучающую шпаргалку по React, с помощью которой можно в любой момент быстро подтянуть знания по конкретным возможностям фреймворка или ускорить процесс обучения. Автор не только привёл примеры кода, но и детально всё описал в тексте:
Ссылка на шпаргалку
#шпаргалка #react #frontend #ru
Morioh
Шпаргалка по React — все концепции React, которые вам нужно знать
Хотите как можно быстрее освоить React? Я составил очень полезную шпаргалку, чтобы дать вам полный обзор всех концепций React, которые вам нужно знать в 2022 го
Статья: руководство по созданию аудиоплеера на React
Будь вы новичок или опытный разработчик, это исчерпывающее руководство шаг за шагом проведет вас через процесс создания собственного аудиоплеера с помощью популярной JavaScript-библиотеки React.
Ссылка на статью
#статья #javascript #react #ru
Будь вы новичок или опытный разработчик, это исчерпывающее руководство шаг за шагом проведет вас через процесс создания собственного аудиоплеера с помощью популярной JavaScript-библиотеки React.
Ссылка на статью
#статья #javascript #react #ru
Библиотека программиста
⚛️🎵 В ритмах React'a: руководство по созданию аудиоплеера
Будь вы новичок или опытный разработчик, это исчерпывающее руководство шаг за шагом проведет вас через процесс создания собственного аудиоплеера с помощью популярной JavaScript-библиотеки React.
Урок: React JS + TypeScript. Введение в Типизацию
В видео показывают работу с типизацией в React на примере приложения. Там рассматривают простую типизацию, типизацию статических событий, интерфейсы для пропсов, пакеты типов для react-router-dom и многое другое.
https://youtu.be/OvLWWvjoi8s
#урок #web #react #typescript #javascript #ru
В видео показывают работу с типизацией в React на примере приложения. Там рассматривают простую типизацию, типизацию статических событий, интерфейсы для пропсов, пакеты типов для react-router-dom и многое другое.
https://youtu.be/OvLWWvjoi8s
#урок #web #react #typescript #javascript #ru
Книга: Изучаем React [2-е издание]
Автор: Кирупа Чиннатамби
Год издания: 2019
Описание:
Второе, обновлённое, издание снискавшей множество положительных отзывов на Amazon книги известного преподавателя основ веб-разработки Кирупы Чиннатамби. Эта книга позволит вам освоить разработку современных веб-приложений с использованием React и Redux. До выхода этой книги считалось, что освоить React самостоятельно, да ещё и новичку, практически невозможно. Однако благодаря свежему взгляду и лёгкому стилю изложения автора этой книги, сотни веб-разработчиков по всему миру признали, что освоили тему легко и быстро. На то, чтобы приступить к созданию первых собственных приложений на React вам потребуется буквально несколько минут чтения.
#книга #javascript #react #ru
Автор: Кирупа Чиннатамби
Год издания: 2019
Описание:
Второе, обновлённое, издание снискавшей множество положительных отзывов на Amazon книги известного преподавателя основ веб-разработки Кирупы Чиннатамби. Эта книга позволит вам освоить разработку современных веб-приложений с использованием React и Redux. До выхода этой книги считалось, что освоить React самостоятельно, да ещё и новичку, практически невозможно. Однако благодаря свежему взгляду и лёгкому стилю изложения автора этой книги, сотни веб-разработчиков по всему миру признали, что освоили тему легко и быстро. На то, чтобы приступить к созданию первых собственных приложений на React вам потребуется буквально несколько минут чтения.
#книга #javascript #react #ru
Книга: React.js. Быстрый старт
Автор: Стоян Стефанов
Год издания: 2016
Описание:
Незаменимая вводная книга по технологии React для взыскательных JavaScript-разработчиков. Всё самое интересное о сверхпопулярном инструменте от компании Facebook. В книге рассмотрены основные концепции высокопроизводительного программирования при помощи React, реальные примеры кода и доступные блок-схемы.
#книга #react #начинающим #javascript #frontend #ru
Автор: Стоян Стефанов
Год издания: 2016
Описание:
Незаменимая вводная книга по технологии React для взыскательных JavaScript-разработчиков. Всё самое интересное о сверхпопулярном инструменте от компании Facebook. В книге рассмотрены основные концепции высокопроизводительного программирования при помощи React, реальные примеры кода и доступные блок-схемы.
#книга #react #начинающим #javascript #frontend #ru
Статья: Лучшие практики применения SOLID в React
Данная статья рассматривает лучшие способы применения принципов SOLID в разработке приложений на React. Она предоставляет рекомендации и советы по использованию этих принципов для создания более гибкого, расширяемого и поддерживаемого кода в React-проектах:
Ссылка на статью
#статья #solid #react #ru
Данная статья рассматривает лучшие способы применения принципов SOLID в разработке приложений на React. Она предоставляет рекомендации и советы по использованию этих принципов для создания более гибкого, расширяемого и поддерживаемого кода в React-проектах:
Ссылка на статью
#статья #solid #react #ru
Библиотека программиста
⚛️ Лучшие практики применения принципов SOLID в React
Как применять принципы SOLID в приложениях React. Объектно-ориентированное программирование в TypeScript.
Курс: Уроки React JS для начинающих
В этом курсе представлены лучшие и наиболее подробные уроки по React JS. Начиная с установки и создания первого компонента React JS, вы пройдете путь до разработки полноценного приложения и сайта с использованием данной библиотеки.
Курс собрал всю необходимую информацию для успешного освоения React JS, помогая раскрыть потенциал в создании веб-приложений:
Ссылка на курс
#курс #frontend #react #js #начинающим #ru
В этом курсе представлены лучшие и наиболее подробные уроки по React JS. Начиная с установки и создания первого компонента React JS, вы пройдете путь до разработки полноценного приложения и сайта с использованием данной библиотеки.
Курс собрал всю необходимую информацию для успешного освоения React JS, помогая раскрыть потенциал в создании веб-приложений:
Ссылка на курс
#курс #frontend #react #js #начинающим #ru
YouTube
Уроки React Js - Основы для начинающих. Зачем нужен React. Установка
Мы начинаем новый курс уроков по React js. На данный момент React самая популярная JavaScript библиотека во Front end. Мы начнем с самых основ для начинающих, я покажу все базовые моменты работы с React js. Для начала расскажу как и зачем вообще используют…
Книга: React. Современные шаблоны для разработки приложений [2-е издание]
Автор: Алекс Бэнкс, Ева Порселло
Год издания: 2022
Описание:
Если вы хотите создавать эффективные приложения с использованием React, то эта книга именно для вас. В ней вы ознакомитесь с лучшими практиками и шаблонами для создания современного кода. Для понимания материала вам не понадобятся глубокие знания React или продвинутого JavaScript — достаточно знакомства с принципами работы JavaScript, CSS и HTML.
#книга #ru #react #javascript
Автор: Алекс Бэнкс, Ева Порселло
Год издания: 2022
Описание:
Если вы хотите создавать эффективные приложения с использованием React, то эта книга именно для вас. В ней вы ознакомитесь с лучшими практиками и шаблонами для создания современного кода. Для понимания материала вам не понадобятся глубокие знания React или продвинутого JavaScript — достаточно знакомства с принципами работы JavaScript, CSS и HTML.
#книга #ru #react #javascript
Статья: 45 вопросов для подготовки к собеседованию по React
Для успешного прохождения интервью на позицию React-разработчика важно глубоко понимать основные концепции, принципы и сопутствующие технологии. В статье не получится охватить все возможные вопросы, которые могут быть заданы на собеседовании, однако тут рассмотрены ответы на наиболее распространенные из них.
Ссылка на статью
#статья #react #трудоустройство #ru
Для успешного прохождения интервью на позицию React-разработчика важно глубоко понимать основные концепции, принципы и сопутствующие технологии. В статье не получится охватить все возможные вопросы, которые могут быть заданы на собеседовании, однако тут рассмотрены ответы на наиболее распространенные из них.
Ссылка на статью
#статья #react #трудоустройство #ru
Библиотека программиста
⚛️ 45 вопросов для подготовки к собеседованию по React
Разбираем распространенные вопросы с собеседования, которые должен знать каждый разработчик на позицию React-разработчика.
Forwarded from Веб-страница
Годных инструментов вам в ленту: MightyMeld — набор предварительно настроенных веб-компонентов
Это — большая база компонентов, которые полностью совместимы с Tailwind CSS и React. Просто выбираете нужный объект из большой библиотеки шаблонов, перетаскиваете его на рабочую панель и настраиваете под свои нужды. В проекте есть встроенный ИИ ассистент.
Основная функицональность инструмента бесплатна, но есть и платные фичи: https://www.mightymeldfortailwind.com/
#инструменты #react #css
Это — большая база компонентов, которые полностью совместимы с Tailwind CSS и React. Просто выбираете нужный объект из большой библиотеки шаблонов, перетаскиваете его на рабочую панель и настраиваете под свои нужды. В проекте есть встроенный ИИ ассистент.
Основная функицональность инструмента бесплатна, но есть и платные фичи: https://www.mightymeldfortailwind.com/
#инструменты #react #css