useEffect подробно - как работает, когда вызываются эффекты
Самый мистических хук Реакта useEffect засыпал ни одного кандидата во время собеседований. Разбираемся с особенностями данного хука - когда он нужен, из чего состоит, каким образом выполняется и какую роль во всём этом играет так называемая функция очистки.
📺 YouTube
Clean Code #видео #React
Самый мистических хук Реакта useEffect засыпал ни одного кандидата во время собеседований. Разбираемся с особенностями данного хука - когда он нужен, из чего состоит, каким образом выполняется и какую роль во всём этом играет так называемая функция очистки.
📺 YouTube
Clean Code #видео #React
YouTube
useEffect подробно - как работает, когда вызываются эффекты
Самый мистических хук Реакта useEffect засыпал ни одного кандидата во время собеседований. Разбираемся с особенностями данного хука - когда он нужен, из чего состоит, каким образом выполняется и какую роль во всём этом играет так называемая функция очистки.…
Лучшие практики по работе с Context API в React приложении
Разбираемся как оптимизировать React приложение при работе с Context API: как лучше организовать код с добавлением кастомных хуков, и какую технику применить, чтобы избежать лишних рендеров там, где это не требуется.
📺 YouTube
Clean Code #видео #React
Разбираемся как оптимизировать React приложение при работе с Context API: как лучше организовать код с добавлением кастомных хуков, и какую технику применить, чтобы избежать лишних рендеров там, где это не требуется.
📺 YouTube
Clean Code #видео #React
YouTube
Лучшие практики по работе с Context API в React приложении
Разбираемся как оптимизировать React приложение при работе с Context API: как лучше организовать код с добавлением кастомных хуков, и какую технику применить, чтобы избежать лишних рендеров там, где это не требуется.
Мои курсы по вебу с купонами:
✅ http…
Мои курсы по вебу с купонами:
✅ http…
Полный курс React Query за час | TanStack Query v4 для начинающих
Этот материал позволит тебе изучить Реакт Квери за час с нуля (важно только знание React). Считай это 20 уроков React Query в одном видео. В прошлый раз я делал быстрый курс по React Query, но это был не полный материал. Также отвечу на вопросы зрителей, которые встречаются на собеседование на Junior Front-end разработчика. Можно сказать это фундаментальный курс по React Query от А до Я.
📺 YouTube
Clean Code #видео #React
Этот материал позволит тебе изучить Реакт Квери за час с нуля (важно только знание React). Считай это 20 уроков React Query в одном видео. В прошлый раз я делал быстрый курс по React Query, но это был не полный материал. Также отвечу на вопросы зрителей, которые встречаются на собеседование на Junior Front-end разработчика. Можно сказать это фундаментальный курс по React Query от А до Я.
📺 YouTube
Clean Code #видео #React
YouTube
Полный курс React Query за час | TanStack Query v4 для начинающих
🔥 Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=full-react-query-course-2023
❤️ Отзывы тут - https://t.me/htmllessons_reviews
🦋 Наш ТГ канал - https://t.me/redgroupchannel…
❤️ Отзывы тут - https://t.me/htmllessons_reviews
🦋 Наш ТГ канал - https://t.me/redgroupchannel…
Ускоряем разметку - Emmet для React
Смотрим как встроенный помощник Emmet помогает быстрее писать разметку, будь то html или jsx в React. Теги и классы, атрибуты и текст, группировка элементов соседних элементов, упрощенный синтаксис. Работа с обычными css классами и с css modules. Разбираем на примере VSCode, но по аналогии Emmet работает и в других популярных редакторах кода.
📺 YouTube
Clean Code #видео #React
Смотрим как встроенный помощник Emmet помогает быстрее писать разметку, будь то html или jsx в React. Теги и классы, атрибуты и текст, группировка элементов соседних элементов, упрощенный синтаксис. Работа с обычными css классами и с css modules. Разбираем на примере VSCode, но по аналогии Emmet работает и в других популярных редакторах кода.
📺 YouTube
Clean Code #видео #React
YouTube
Ускоряем разметку - Emmet для React
Смотрим как встроенный помощник Emmet помогает быстрее писать разметку, будь то html или jsx в React. Теги и классы, атрибуты и текст, группировка элементов соседних элементов, упрощенный синтаксис. Работа с обычными css классами и с css modules. Разбираем…
Куда катится React? Это успех или провал?
Недавно случилась заруба между Андреем Ситником и Дэном Абрамовым. Тема спора была как развивается React. Он по прежнему топ 1 или уже более новые иновационные решения дышат ему в спину. Все это мы и обсудим в текущем видео!
📺 YouTube
Clean Code #видео #React
Недавно случилась заруба между Андреем Ситником и Дэном Абрамовым. Тема спора была как развивается React. Он по прежнему топ 1 или уже более новые иновационные решения дышат ему в спину. Все это мы и обсудим в текущем видео!
📺 YouTube
Clean Code #видео #React
YouTube
Куда катится React? Это успех или провал?
Недавно случилась заруба между Андреем Ситником и Дэном Абрамовым. Тема спора была как развивается React. Он по прежнему топ 1 или уже более новые иновационные решения дышат ему в спину. Все это мы и обсудим в текущем видео!
Ссылка на доклад про лего: h…
Ссылка на доклад про лего: h…
Хуки мемоизации больше не нужны. React обзавёлся компилятором
React compiler был представлен на React Conf 2024 в виде Babel плагина. Компилятор позволяет автоматически мемоизировать участки кода, где это необходимо. При этом использование хуков useMemo и useCallback, а также функции memo становится избыточным.
📺 YouTube
Clean Code #видео #React
React compiler был представлен на React Conf 2024 в виде Babel плагина. Компилятор позволяет автоматически мемоизировать участки кода, где это необходимо. При этом использование хуков useMemo и useCallback, а также функции memo становится избыточным.
📺 YouTube
Clean Code #видео #React
YouTube
Хуки мемоизации больше не нужны. React обзавёлся компилятором
React compiler был представлен на React Conf 2024 в виде Babel плагина. Компилятор позволяет автоматически мемоизировать участки кода, где это необходимо. При этом использование хуков useMemo и useCallback, а также функции memo становится избыточным.
Мои…
Мои…
📖Learn React with TypeScript
🖋Carl Rippon | 2023
Сделайте свой первый шаг в создании современных веб-приложений на основе компонентов с использованием новейших функций и возможностей React и TypeScript с помощью этого простого в использовании руководства
💾 Скачать книгу
Clean Code | #книги #React
🖋Carl Rippon | 2023
Сделайте свой первый шаг в создании современных веб-приложений на основе компонентов с использованием новейших функций и возможностей React и TypeScript с помощью этого простого в использовании руководства
💾 Скачать книгу
Clean Code | #книги #React
Максимальный перфоманс с React Signals
Некоторое время назад очень нашумели React Signal. На сигналах смогли добиться избавления от всех ненужных рендеров. И у многих возник вопрос, станет ли это будущим React. Как сигналы этого добились и что ответила React команда разработки вы и узнаете в текущем видео!
📺 YouTube
Clean Code #видео #React
Некоторое время назад очень нашумели React Signal. На сигналах смогли добиться избавления от всех ненужных рендеров. И у многих возник вопрос, станет ли это будущим React. Как сигналы этого добились и что ответила React команда разработки вы и узнаете в текущем видео!
📺 YouTube
Clean Code #видео #React
YouTube
Максимальный перфоманс с React Signals
Некоторое время назад очень нашумели React Signal. На сигналах смогли добиться избавления от всех ненужных рендеров. И у многих возник вопрос, станет ли это будущим React. Как сигналы этого добились и что ответила React команда разработки вы и узнаете в текущем…
5 ошибок с useEffect
Хук useEffect нужен для выполнения кода при изменении значений. Есть 5 ошибок, которые чаще всего допускаются при работе с useEffect и фишечки при работе с зависимостями. Сегодня об этом и поговорим
📺 YouTube
Clean Code #видео #React
Хук useEffect нужен для выполнения кода при изменении значений. Есть 5 ошибок, которые чаще всего допускаются при работе с useEffect и фишечки при работе с зависимостями. Сегодня об этом и поговорим
📺 YouTube
Clean Code #видео #React
YouTube
5 ошибок с useEffect #react #useEffect #it
Хук useEffect нужен для выполнения кода при изменении значений. Есть 5 ошибок, которые чаще всего допускаются при работе с useEffect и фишечки при работе с зависимостями. Сегодня об этом и поговорим
YouTube: youtube.com/@Sailor_Stat
ВК: vk.com/Sailor_Stat…
YouTube: youtube.com/@Sailor_Stat
ВК: vk.com/Sailor_Stat…
📖Full stack development with Spring Boot and React
🖋Juha Hinkula | 2022
Начало разработки с использованием полного стека может оказаться непростой задачей. Даже разработчики, знакомые с лучшими инструментами, такими как Spring Boot и React, могут с трудом освоить основы, не говоря уже о более продвинутых элементах. Если вы относитесь к числу таких разработчиков, это исчерпывающее руководство содержит все, что вам нужно!
💾 Скачать книгу
Clean Code | #книги #Spring #React
🖋Juha Hinkula | 2022
Начало разработки с использованием полного стека может оказаться непростой задачей. Даже разработчики, знакомые с лучшими инструментами, такими как Spring Boot и React, могут с трудом освоить основы, не говоря уже о более продвинутых элементах. Если вы относитесь к числу таких разработчиков, это исчерпывающее руководство содержит все, что вам нужно!
💾 Скачать книгу
Clean Code | #книги #Spring #React
Простой слайдер курсором на React JS
Если тебе нужно добавить в проект на React вертикальный слайдер и ты не хочешь для этого добавлять дополнительные зависимости, то можешь всего одним компонентом закрыть все свои потребности. Сегодня об этом и поговорим
📺 YouTube
Clean Code #видео #React
Если тебе нужно добавить в проект на React вертикальный слайдер и ты не хочешь для этого добавлять дополнительные зависимости, то можешь всего одним компонентом закрыть все свои потребности. Сегодня об этом и поговорим
📺 YouTube
Clean Code #видео #React
YouTube
Простой слайдер курсором на React JS #React #JS #it
Если тебе нужно добавить в проект на React вертикальный слайдер и ты не хочешь для этого добавлять дополнительные зависимости, то можешь всего одним компонентом закрыть все свои потребности. Сегодня об этом и поговорим
YouTube: youtube.com/@Sailor_Stat
ВК:…
YouTube: youtube.com/@Sailor_Stat
ВК:…
Еще один способ управлять приоритетами React задач
Темой сегодняшнего дня будет React метод flushSync. Основная его функция это делать асинхронные вещи синхронными. А вот как он это делает и зачем кому то это понадобилось мы и попробуем выяснить сегодня
📺 YouTube
Clean Code #видео #React
Темой сегодняшнего дня будет React метод flushSync. Основная его функция это делать асинхронные вещи синхронными. А вот как он это делает и зачем кому то это понадобилось мы и попробуем выяснить сегодня
📺 YouTube
Clean Code #видео #React
YouTube
Еще один способ управлять приоритетами React задач
Темой сегодняшнего дня будет React метод flushSync. Основная его функция это делать асинхронные вещи синхронными. А вот как он это делает и зачем кому то это понадобилось мы и попробуем выяснить сегодня
Демка еще одного примера - https://codesandbox.io/p/sandbox/react…
Демка еще одного примера - https://codesandbox.io/p/sandbox/react…
Что не так с CRA? Как стартовать SPA в 2025?
React команда официально объявила конец эпохи CRA. Они разобрали, что было с CRA не так и предоставили нам альтернативу. Все это мы и попробуем разобрать в текущем видео
📺 YouTube
Clean Code #видео #React
React команда официально объявила конец эпохи CRA. Они разобрали, что было с CRA не так и предоставили нам альтернативу. Все это мы и попробуем разобрать в текущем видео
📺 YouTube
Clean Code #видео #React
YouTube
Что не так с CRA? Как стартовать SPA в 2025?
React команда официально объявила конец эпохи CRA. Они разобрали, что было с CRA не так и предоставили нам альтернативу. Все это мы и попробуем разобрать в текущем видео
-------
ТГ канал АйТи Синяка - https://t.me/it_sin9k
-------
Поддержать Айти Синяка…
-------
ТГ канал АйТи Синяка - https://t.me/it_sin9k
-------
Поддержать Айти Синяка…
Принципы ООП в React
В этом видео разберем основные принципы ООП — инкапсуляцию, наследование, полиморфизм и абстракцию — и покажем, как они работают в React. Узнаем, что такое Render Props, Component Injection, композиция и декомпозиция, и применим их в функциональных компонентах, Custom Hooks и HOCs.
📺 YouTube
Clean Code #видео #React
В этом видео разберем основные принципы ООП — инкапсуляцию, наследование, полиморфизм и абстракцию — и покажем, как они работают в React. Узнаем, что такое Render Props, Component Injection, композиция и декомпозиция, и применим их в функциональных компонентах, Custom Hooks и HOCs.
📺 YouTube
Clean Code #видео #React
YouTube
Принципы ООП в React.
В этом видео разберем основные принципы ООП — инкапсуляцию, наследование, полиморфизм и абстракцию — и покажем, как они работают в React. Узнаем, что такое Render Props, Component Injection, композиция и декомпозиция, и применим их в функциональных компонентах…
Что такое React?
Рассказываем про то что такое библиотека React для JavaScript и почему в современной веб разработке все ее используют
📺 YouTube
Clean Code #видео #React
Рассказываем про то что такое библиотека React для JavaScript и почему в современной веб разработке все ее используют
📺 YouTube
Clean Code #видео #React
YouTube
Что такое React?
🚀 Бесплатный вводный урок курса "Frontend-разработка на React":
https://wiki.merionet.ru/merion-academy/courses/frontend-razrabotka-na-react/?utm_source=YT&utm_medium=own&utm_campaign=react
Рассказываем про то что такое библиотека React для JavaScript и…
https://wiki.merionet.ru/merion-academy/courses/frontend-razrabotka-na-react/?utm_source=YT&utm_medium=own&utm_campaign=react
Рассказываем про то что такое библиотека React для JavaScript и…
📖State Management with React Query
🖋Daniel Afonso | 2023
Преодолейте распространенные проблемы с извлечением данных и их мутацией, изучая одну из самых популярных библиотек для управления состоянием сервера в React
💾 Скачать книгу
Clean Code | #книги #React
🖋Daniel Afonso | 2023
Преодолейте распространенные проблемы с извлечением данных и их мутацией, изучая одну из самых популярных библиотек для управления состоянием сервера в React
💾 Скачать книгу
Clean Code | #книги #React
Дроны программируют на React
У меня появилась возможность поговорить с человеком, который программировал интерфейсы управления для дронов. И я узнал, какой стек они используют.
📺 YouTube
Clean Code #React
У меня появилась возможность поговорить с человеком, который программировал интерфейсы управления для дронов. И я узнал, какой стек они используют.
📺 YouTube
Clean Code #React
YouTube
Дроны программируют на React
У меня появилась возможность поговорить с человеком, который программировал интерфейсы управления для дронов. И я узнал, какой стек они используют.
Таймкоды:
00:00 Вступление
00:42 Интерфейс
02:40 Бэкенд
03:18 Почему такой стек?
Выразить благодарность
https://ko…
Таймкоды:
00:00 Вступление
00:42 Интерфейс
02:40 Бэкенд
03:18 Почему такой стек?
Выразить благодарность
https://ko…
📖React. Сборник рецептов
🖋Дэвид Гриффитс | 2023
Книга посвящена практическому применению фреймворка React. Описано создание простых приложений и приложений со сложным интерфейсом, рассмотрены вопросы маршрутизации в приложениях и управление их состоянием. Даны примеры реализации интерактивного взаимодействия с пользователем,подключения к различным службам бэкенда, таким как REST и GraphQL, описана работа с библиотеками компонентов. Подробно рассматривается безопасность приложений, процесс их тестирования, даны советы по обеспечению доступности. Приводятся практические рекомендации по повышению производительности и созданию прогрессивных веб-приложений.
💾 Скачать книгу
Clean Code | #книги #React
🖋Дэвид Гриффитс | 2023
Книга посвящена практическому применению фреймворка React. Описано создание простых приложений и приложений со сложным интерфейсом, рассмотрены вопросы маршрутизации в приложениях и управление их состоянием. Даны примеры реализации интерактивного взаимодействия с пользователем,подключения к различным службам бэкенда, таким как REST и GraphQL, описана работа с библиотеками компонентов. Подробно рассматривается безопасность приложений, процесс их тестирования, даны советы по обеспечению доступности. Приводятся практические рекомендации по повышению производительности и созданию прогрессивных веб-приложений.
💾 Скачать книгу
Clean Code | #книги #React
📖Test-Driven Development with React and TypeScript
🖋Juntao Qiu | 2023
Применяйте принципы, основанные на тестировании, для создания масштабируемых и поддерживаемых приложений React. В этой книге рассматривается широкий круг вопросов, включая настройку среды тестирования и использование популярных платформ тестирования, таких как Cypress, Jest и библиотека тестирования React. В нем также рассказывается о ценных методах рефакторинга, а также о том, как повысить удобство сопровождения и читаемости кода. Что отличает это всеобъемлющее руководство, так это комплексное моделирование проекта, демонстрирующее, как TDD можно использовать для создания полноценного приложения под названием "Bookish".
💾 Скачать книгу
Clean Code | #книги #React #TypeScript
🖋Juntao Qiu | 2023
Применяйте принципы, основанные на тестировании, для создания масштабируемых и поддерживаемых приложений React. В этой книге рассматривается широкий круг вопросов, включая настройку среды тестирования и использование популярных платформ тестирования, таких как Cypress, Jest и библиотека тестирования React. В нем также рассказывается о ценных методах рефакторинга, а также о том, как повысить удобство сопровождения и читаемости кода. Что отличает это всеобъемлющее руководство, так это комплексное моделирование проекта, демонстрирующее, как TDD можно использовать для создания полноценного приложения под названием "Bookish".
💾 Скачать книгу
Clean Code | #книги #React #TypeScript
📖React Programming
🖋Loren Klingman| 2023
React - самая популярная на сегодняшний день библиотека JavaScript с открытым исходным кодом для разработки интерфейсных веб-приложений. React Programming: Руководство Big Nerd Ranch поможет программистам, имеющим опыт работы с HTML, CSS и JavaScript, освоить React с помощью практических примеров.
💾 Скачать книгу
Clean Code | #книги #React
🖋Loren Klingman| 2023
React - самая популярная на сегодняшний день библиотека JavaScript с открытым исходным кодом для разработки интерфейсных веб-приложений. React Programming: Руководство Big Nerd Ranch поможет программистам, имеющим опыт работы с HTML, CSS и JavaScript, освоить React с помощью практических примеров.
💾 Скачать книгу
Clean Code | #книги #React