👩‍💻 Recoil — это библиотека для управления состоянием в React, разработанная Facebook. Она позволяет использовать глобальное состояние и эффективно управлять зависимостями компонентов. В отличие от Redux, Recoil предлагает более простой и интуитивный API, что делает его удобным для небольших и средних проектов.

❓ Почему стоит попробовать Recoil?
🌟 Простота: Минимум настроек для создания и использования глобального состояния.
🌟 Асинхронные селекторы: Recoil поддерживает асинхронные операции "из коробки", что упрощает работу с API-запросами.
🌟 Тонкая настройка обновлений: Обновления состояния в Recoil происходят только там, где это нужно, что снижает количество перерисовок.

💡Пример использования Recoil:

import React from 'react';
import { atom, useRecoilState } from 'recoil';

// Определение глобального состояния
const textState = atom({
  key: 'textState',
  default: '',
});

function TextInput() {
  const [text, setText] = useRecoilState(textState);
  return (
    <input type="text" value={text} onChange={(e) => setText(e.target.value)} />
  );
}

export default TextInput;

🌟 В отличие от Redux, здесь не нужно создавать экшены или редюсеры — всё инкапсулируется внутри компонентов

🔗 Сайт библиотеки: *клик*
▪️Github

🔐 Лицензия: MIT

@react_tg

🖥 Курс по созданию адаптивного Веб-дизайна от FreeCodeCamp!

💡 Сначала вы создадите приложение для фотографий кошек, чтобы изучить основы HTML и CSS. Позже вы изучите современные методы, такие как переменные CSS и лучшие практики для доступности, создав сайт-викторину.

🌟 Наконец, вы узнаете, как создавать веб-страницы, подходящие для экранов разных размеров, создав фотогалерею с помощью Flexbox и макет журнальной статьи с помощью CSS Grid

🔗 Ссылка: *клик*

@react_tg

🖥 Создание адаптивного сайта интернет магазина!

🕞 Продолжительность видео: 1:44:36

🔗 Ссылка: *клик*

@react_tg

👩‍💻 Совет: используйте getStaticProps с Incremental Static Regeneration (ISR), чтобы страницы обновлялись без пересборки!

@react_tg

🖥 React Discord Clone

Проект React-Discord-Clone представляет собой копию Discord, созданную с применением технологий React, Node.js, Express, Socket.io и MySQL.

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

▪️ Github

@react_tg

👩‍💻 Примеры популярных CSS анимаций!

@react_tg

👩‍💻 Огромный курс React.js! (2024)

🌟 Откройте для себя мощь современной веб-разработки с самым большим курсом React.js в Интернете! Этот комплексный курс предназначен как для новичков, так и для опытных разработчиков, желающих освоить React.js и его экосистему!

🕞 Продолжительность: 12:42:56

🔗 Ссылка: *клик*

@react_tg

👩‍💻 react-jsonschema-form — это библиотека на React для создания форм на основе JSON Schema. Она автоматически генерирует интерактивные формы, используя описание структуры данных в формате JSON

🌟 Основные возможности включают валидацию данных, создание адаптированных пользовательских интерфейсов и поддержку настраиваемых виджетов и полей. Этот инструмент полезен для упрощения работы с формами и динамическими данными в веб-приложениях!

▪️Github

@react_tg

👩‍💻 Свежий курс по созданию настольных приложений с помощью Electron, React и TypeScript!

💡 Узнайте, как использовать Electron, React и TypeScript для создания настольных приложений. В ходе этого курса вы узнаете все: от настройки среды разработки до внедрения расширенных функций, таких как визуализация данных, безопасная связь и настраиваемые оконные фреймы, обеспечивая при этом бесперебойный пользовательский опыт!

🕞 Продолжительность: 3:33:19

🔗 Ссылка: *клик*

@react_tg

🌐 bolt.new — это проект для создания, запуска и деплоя полноценных веб-приложений прямо в браузере с помощью ИИ. Bolt.new использует WebContainers от StackBlitz, что позволяет запускать Node.js, взаимодействовать с API и деплоить приложения без локальной настройки окружения

🌟 Проект предоставляет ИИ полный контроль над файловой системой, сервером, консолью и менеджером пакетов, что позволяет полностью управлять разработкой и развертыванием приложений

🔐 Лицензия: MIT

▪️Github

@react_tg

🔥 htmlrev.com — полезный сайт с 1500+ макетами сайтов!

🌟 Здесь есть множество шаблонов для различных фрейворков, в том числе и React!

🔗 Ссылка: *клик*

@react_tg

🖥 Создание UI для платформы обмена файлами! (2024)

🕞 Продолжительность: 1:00:39

🔗 Ссылка: *клик*

@react_tg

👩‍💻 Как создать таймер обратного отсчета с помощью React — пошаговое руководство!

💡 Свежая обучающая статья по разработке на React от FreeCodeCamp!

🔗 Читать: *клик*

@react_tg

👩‍💻 Как создать CRUD-приложение с использованием React и Convex?

💡 Операции CRUD являются основой любого приложения, поэтому при изучении новых технологий важно освоить их на профессиональном уровне!

🌟 В этом уроке вы узнаете, как создать CRUD-приложение с использованием React и Convex. Вы рассмотрите эти операции, создав проект под названием Book Collections. В этом проекте пользователи смогут добавлять книги и обновлять свой статус после завершения чтения книги

🔗 Ссылка: *клик*

@react_tg

🔥 Бесплатный курс по React!

🌟 Описание: React (иногда пишется как React.js или ReactJS) — одна из самых популярных библиотек JavaScript для разработки мощных интерактивных веб-приложений. Вы узнаете, как начать с React и перейти к динамическим пользовательским интерфейсам. Вы будете работать со специфическими концепциями React, такими как: JSX, компоненты, состояние, свойства, хуки и многое другое. Пройдите этот курс, чтобы получить преимущество в качестве front-end или full-stack веб-разработчика!

🔗 Ссылка: *клик*

@react_tg

👩‍💻 beautiful-react-hooks — коллекция кастомных React-хуков, которые упрощают разработку компонентов и управление их состоянием!

🌟 Включённые хуки охватывают широкий функционал — от управления событиями до обработки состояния и взаимодействия с DOM Этот пакет ориентирован на повышение читаемости кода и ускорение разработки, предоставляя простой и удобный API

🔐 Лицензия: MIT

🖥 Github

@react_tg

🔥 Tolgee — это веб-платформа для локализации, ориентированная на разработчиков и переводчиков. Она поддерживает интеграцию с такими фреймворками, как React, Angular, Vue, и предлагает функции автоматического перевода, переводческой памяти и совместной работы. Tolgee позволяет переводить контент прямо в контексте приложения и может быть развернут как самостоятельно, так и через облачные сервисы

▪️GitHub
🔗 Ссылка: *клик*

@react_tg

🖥 Circle preloader — красивая анимация загрузки контента. Реализована на чистом CSS без использования JavaScript!

🔗 Ссылка: *клик*

@react_tg