Pull to refresh

React: интересная схема работы с формами

Level of difficulty Hard
Reading time 14 min
Views 1.8K
Timeweb Cloud corporate blog Website development *JavaScript *ReactJS *TypeScript *
Tutorial


Hello, world!


В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для валидации пользовательских данных. Применение данной схемы имеет несколько существенных преимуществ по сравнению с использованием других решений или реализацией необходимого функционала вручную. Главными преимуществами являются минимизация количества шаблонного кода и автоматическое выведение типов (type inference).


Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий.


Интересно? Тогда прошу под кат.

Читать дальше →
Total votes 15: ↑15 and ↓0 +15
Comments 3

Трансплантация реактивности

Level of difficulty Medium
Reading time 19 min
Views 1.2K
Website development *Programming *Designing and refactoring *ReactJS *JavaScript *
Tutorial

Здравствуйте, меня зовут Дмитрий Карловский, и я.. тот самый чел, который написал реактивную библиотеку $mol_wire. Именно благодаря мне вам есть сейчас чем пугать детей перед сном.

Но просто написать классную библиотеку — слишком мелкая цель. Построить на ней богатый фреймворк с кучей батареек — уже интересней, но всё ещё не достаточно амбициозно. Разработанный мной подход может стать lingua franca в коммуникациях между библиотеками, состояниями браузера, и даже между удалёнными узлами.

Берегите синапсы, сейчас будет настоящий киберпанк..

Открыть ментальный сокет
Total votes 22: ↑17 and ↓5 +12
Comments 30

Create react app умирает?

Level of difficulty Easy
Reading time 4 min
Views 4K
Website development *JavaScript *ReactJS *
Review

Зайдя на официальный сайт React я не сразу понял, что произошло.

Когда мы заходим на страницу документации React в раздел установки, мы можем увидеть различные предложенные варианты установки фреймворков React, а именно Next.js, Remix, Expo, Gatsby. Но при этом нет явного варианта установки самого React в чистом виде. Неужели React сдает позиции.

На самом деле это не так. Давайте разберемся, что же происходит в настоящее время и что собираются делать разработчики.

Читать далее
Total votes 9: ↑7 and ↓2 +5
Comments 5

27 августа приглашаем на онлайн-митап Hot Frontend

Reading time 2 min
Views 1.3K
Information Security *Website development *VK API *Conferences Game design *
Всем привет! В июле мы провели в Краснодаре первый митап по Backend-технологиям – а теперь самое время обсудить Frontend. Приглашаем на онлайн-митап с разработчиками SimbirSoft. Как всегда, участие бесплатное, а за самые интересные вопросы спикеры подарят полезные подарки.

Читать дальше →
Total votes 3: ↑3 and ↓0 +3
Comments 0

Яндекс.Практикум запустил курс «React-разработчик»

Reading time 2 min
Views 6.6K
Яндекс Практикум corporate blog JavaScript *ReactJS *IT career TypeScript *
Сервис онлайн-образования Яндекс.Практикум запустил курс «React-разработчик» — двухмесячный интенсив для погружения в экосистему React, работы с популярными технологиями и изучения их альтернатив. Курс подойдёт тем, кто уже умеет верстать и знает основы JavaScript.

Выпускники получат сертификат — официальный документ о дополнительном образовании.


Читать дальше →
Total votes 10: ↑8 and ↓2 +6
Comments 0

Энтузиаст создает интерфейс Windows 11 на React в браузере

Reading time 2 min
Views 7.9K
Website development *GitHub *ReactJS *Development for Windows *Software


Разработчик под ником Blue Edge опубликовал на GitHub проект Windows 11 in React — это визуализация интерфейса Windows 11 в браузере с помощью React. Автор создал сайт win11.blueedge.me, где уже доступны основные элементы рабочего стола новой ОС для ознакомления и начального понимания, как она работает.
Читать дальше →
Total votes 13: ↑12 and ↓1 +11
Comments 3

Устройству для остановки кровотечения в колотых ранах дали премию Джеймса Дайсона

Reading time 2 min
Views 11K
Medical gadgets The future is here


В этом году призёром международной премии James Dyson Award стал Джозеф Бентли из Лондона, придумавший и реализовавший устройство REACT. Оно помогает временно остановить кровотечение в колотой ране, автоматически заполняя её надувной затычкой.


Читать дальше →
Total votes 21: ↑20 and ↓1 +19
Comments 15

Компания Vercel на онлайн конференции Next.js Conf представила обновление Next.js 12

Reading time 3 min
Views 2.1K
Website development *JavaScript *Programming *Software IT-companies

Компания Vercel выпустила глобальное обновление Next.js 12, имеющее ряд новых функций и увеличивающее производительность уже существующих. Например, добавлена поддержка ES-модулей, появился новый компилятор Rust и новая автоматическая пакетная обработка обновлений. Над Next.js кроме команды Next.js работали более 1,8 тысяч независимых разработчиков и специалисты из Google и Facebook.

Читать далее
Total votes 9: ↑9 and ↓0 +9
Comments 0

Первый Rosbank Online Meetup для опытных frontend-разработчиков

Reading time 1 min
Views 796
Росбанк corporate blog Website development *JavaScript *Angular *ReactJS *

2 декабря в 19:00 Гильдия Росбанка по Frontend проведет первый онлайн-митап, на котором выступят опытные frontend-разработчики из Росбанка, X5 Tech и Леруа Мерлен.

Читать далее
Total votes 8: ↑7 and ↓1 +6
Comments 0

8-й поток бесплатных курсов фронтенда и бэкенда в школе Metaclass

Reading time 1 min
Views 2.8K
KTS corporate blog Python *ReactJS *Studying in IT

Школа Metaclass запускает 8-й поток бесплатных курсов.

Все как обычно: фронт + бек. Оба курса стартуют 31-го января.

Начинающий React-разработчик

Начинающий Backend-разработчик на Python

Занятия не «для самых маленьких», да и формат непростой: дедлайны, сложные ДЗ-шки, выпускные проекты. 

Почему стоит пройти: 
как минимум вы поймете свои слабые места
— как максимум серьезно прокачаетась
— всего за месяц изучите реальные технологии, которые применяются на практике и в индустрии в целом, и у нас в компании

Читать далее
Total votes 8: ↑7 and ↓1 +6
Comments 0

Процветание проектов, React-router v6, RTK query и карьерная лестница в ад на Meet Up JS

Reading time 3 min
Views 1.9K
Альфа-Банк corporate blog Website development *JavaScript *ReactJS *Conferences

В среду 1 июня проведём гибридный митап с командой JavaScript Альфа-Банка и приглашенным гостем из команды X5. Встречаемся в офисе и на онлайн-трансляции, чтобы поговорить как настроить процессы так, чтобы проект процветал, о переходе на React-router v6, о и о том, почему не всем нужно стремиться стать лидом. Подробности программы и ссылка на регистрацию под катом.

Узнать программу и зарегистрироваться
Total votes 13: ↑13 and ↓0 +13
Comments 1

Приглашаем на IT-митап МойОфис #1 в Калининграде

Reading time 3 min
Views 641
МойОфис corporate blog JavaScript *ReactJS *Community management *IT-companies

Привет, Хабр! В ближайшую пятницу, 24 июня, мы проведем первый в Калининграде оффлайн-митап МойОфис для разработчиков. Приглашаем хабрасообщество поучаствовать в этом событии!

На митапе эксперты из команды разработки МойОфис выступят с докладами о JavaScript и не только. В профессиональном кругу обсудим библиотеки Polymer и React, систему Nx, а также плюсы и минусы FullStack фреймворков на примере Meteor.JS. Материалы будут интересны как frontend-, так и backend-разработчикам. И это лишь первая половина вечера — далее гости мероприятия узнают о методах оптимизации рабочих процессов в IT и получат наши эксклюзивные инсайты о work-life balance. В том числе о воплощении подхода, который позволяет не просто много зарабатывать, но и иметь достаточно свободного времени для семьи, друзей и увлечений. После митапа мы продолжим общение: все желающие специалисты смогут присоединиться к нашей беседе в неформальной обстановке гастро-паба.

IT-митап МойОфис #1 стартует в Калининграде 24 июня, в 18:30, в Центре коммуникации "Резаниум". Мероприятие бесплатное, регистрация доступна по ссылке. Полную программу митапа читайте под катом.

Программа митапа
Total votes 18: ↑18 and ↓0 +18
Comments 0

9-й поток бесплатных курсов фронтенда и бэкенда в школе Metaclass

Reading time 1 min
Views 1.9K
KTS corporate blog Python *ReactJS *Studying in IT

Всем привет!

Школа Metaclass запускает 9-й поток бесплатных курсов. Курсов традиционно два: frontend и backend. Оба стартуют 8-го августа, а записаться можно по ссылкам: 

📌 Начинающий React-разработчик
📌 Начинающий Backend-разработчик на Python

Курсы рассчитаны на тех, кто уже немножко разбирается. Формат соответствующий: дедлайны, домашние задания, выпускные проекты. Подробнее о занятиях рассказали наши студенты на Хабре:

🎓 Выпускник фронтенд-курса Кирилл Гаджиев
🎓 Выпускник бэкенд-курса Сергей Ордин

Что получите после обучения: 
 — как минимум поймете свои слабые места
 — как максимум серьезно прокачаетесь
 — всего за месяц изучите реальные технологии, которые применяются на практике и в индустрии в целом, и у нас в компании.

Приходите сами и друзей зовите 🙂
Ждем всех!

Читать далее
Total votes 10: ↑10 and ↓0 +10
Comments 0

Apple, Google и Mozilla совместно разрабатывают тест Speedometer 3 для измерения скорости отклика веб-приложений

Reading time 1 min
Views 598
High performance *Browsers Web services testing *

Apple, Google и Mozilla совместно разрабатывают сервис Speedometer 3, предназначенный для измерения скорости отклика веб-приложений, сообщает 9to5Google. Это третье крупное обновление сервиса, вышедшего в 2014 году.

Читать далее
Total votes 2: ↑2 and ↓0 +2
Comments 0

10-й поток бесплатных курсов фронтенда и бэкенда в школе Metaclass

Reading time 1 min
Views 1.2K
KTS corporate blog Python *ReactJS *Studying in IT

Всем привет!

Школа Metaclass запускает 10-й поток бесплатных курсов. Курсов традиционно два: frontend и backend. Оба стартуют 6 февраля.

Курсы рассчитаны на тех, кто уже немножко разбирается. Формат соответствующий: дедлайны, домашние задания, выпускные проекты. Подробнее о занятиях рассказали наши студенты:

Что получите после обучения: 
 — как минимум поймете свои слабые места
 — как максимум серьезно прокачаетесь
 — всего за месяц изучите реальные технологии, которые применяются на практике и в индустрии в целом, и у нас в компании.

Записаться можно по ссылкам:
📌 Начинающий React-разработчик
📌 Начинающий Backend-разработчик на Python

Далее
Total votes 9: ↑9 and ↓0 +9
Comments 0

18 февраля. Митап #DevTalks для фронтенд-разработчиков. Пермь + онлайн

Reading time 4 min
Views 317
Spectr corporate blog Website development *JavaScript *IT career Conferences

Мы продолжаем проводить крутые тематические митапы, собирая топовых спикеров из различных уголков нашей страны. Пришло время нового митапа серии #DevTalks, на этот раз про фронтенд!

Итак, 18 февраля в Перми мы проведем митап на тему «Современный фронтенд: roadmap развития разработчика, актуальные инструменты и неочевидные возможности».

Читать далее
Total votes 1: ↑1 and ↓0 +1
Comments 0

Новая документация React

Reading time 1 min
Views 974
Website development *JavaScript *ReactJS *


Hello, world!


Не прошло и 5 лет, как новая документация React увидела свет (хуки были представлены 19.02.2019 в React 16.8)! 😊


Объем впечатляет, другие выводы будем делать после прочтения 😉


Для тех, кто не смотрел: "документалка" про создание React.


Happy coding!

Total votes 5: ↑5 and ↓0 +5
Comments 0

Дайджест интересных новостей и материалов из мира PHP за последние две недели №14 (26.03.2013 — 08.04.2013)

Reading time 6 min
Views 18K
Zfort Group corporate blog Website development *PHP *


Предлагаем вашему вниманию очередную подборку с ссылками на новости и материалы.

Приятного чтения!
Читать дальше →
Total votes 54: ↑45 and ↓9 +36
Comments 15

Дайджест интересных новостей и материалов из мира PHP за последние две недели №15 (08.04.2013 — 22.04.2013)

Reading time 6 min
Views 23K
Zfort Group corporate blog Website development *PHP *


Предлагаем вашему вниманию очередную подборку с ссылками на новости и материалы.

Приятного чтения!
Читать дальше →
Total votes 96: ↑80 and ↓16 +64
Comments 10