Привет, народ 👋

Буду на HolyJS 21-22 мая в Москве.
Если кто будет - подходите пообщаться 🙃

Для тех, кто очень хочет пойти, вот промокод на скидку в 10% LEARNIT (действует на билеты «Для частных лиц»)

P.S. Я надыбаю какой-нибудь мерч, так что думаю узнаете меня!

Запускаем Академию в рамках нашего комьюнити!

Что за Академия?
Вы можете бесконечно учиться, но пока не начнете кодить - результата не будет!

Академия - формат обучения,
где вы объединяетесь в небольшие команды и самостоятельно создаете стартап.
Так вы получаете опыт работы в команде, ревьювите код друг друга и обмениваетесь знаниями.

Подробнее про Академию тут

Почему Академия лучше курсов?
На курсах обучение проходит в вакууме.
Причем как правило по материалам, которые легко можно найти в открытом доступе.

Для прокачки же программиста нужна именно практика и опыт работы в команде.

Кроме того, получившийся проект, вы можете добавить в свое резюме.
Что выглядит гораздо внушительнее для HR, чем список курсов, которые вы прошли.

За курсы вы заплатите десятки тысяч рублей!
Вход в Академию стоит всего лишь 99 рублей в месяц!

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

Вступить в Академию!

🎲🗿 Гайд на собес Джаваскриптезёра!

Тутуриальчик, который поможет фронтендеру получить сладкий оффер!

К просмотру!

Буду писать тут новости комьюнити, потому что в основном чате теряются посты.

В комьюнити заработал шахматный клуб.

Периодически устраиваем онлайн-турниры, ведем таблицу лидеров, по итогам года победители получат призы!

Заходите!

🔫⚰️ Qwik - убийца React.js?!?!

Рассказ о новом перспективном фреймворке.
Сможет ли Qwik.js составить конкуренцию React?

К просмотру!

🍾🎁 Время сюрпризов!

Теперь в стандартную подписку за 99 рублей входят тренажеры HTML Academy!
Тренажеры - мега-полезная вещь! Сам их проходил когда-то.

Есть тренажеры по HTML, CSS, JS и React.
Продвинутые тренажеры будет полезно пройти даже опытным разрабам,
а начинающим проходить обязательно!

Чтобы получить доступ, пишите мне в личные сообщения на Boosty.

Смотреть какие есть тренажеры!
Получить тренажеры!

P.S.
С HTML Academy мы придумали еще кучу разных активностей.
Например, их эксперты будут публично ревьювить код наших академиков!

🤚🛑 НЕ используй JavaScript!

Интервью основателя формата JSON и JavaScript-евангилиста Дугласа Крокфорда!

К просмотру!

👨‍❤️‍👨🌈 Как пройти в IT? Каминг-аут!

Чтож надеюсь все отошли от событий субботы.
Поэтому вот вам откровенная история про путь вайтишников наших дней!

К просмотру!

🧙💫 CSS заменит JavaScript? WTF?!?!

Сегодня рассказ пойдет про самую ожидаемую новинку мира стилей - Houdini CSS!

К просмотру!

⚡️🎓 Как развиваться фронтендеру?

Выступать на конференциях конечно!
Спикеру открыты все карьерные пути: HR`ы завалят вашу почту спамом, а другие разработчики будут смотреть на вас с благоговейным трепотом!

Круче всего выступать на HolyJS и у вас есть такая возможность. Нужно просто подать заявку!

Расскажите о графике и анимациях, языках, бэкенде, инструментах разработки, UI-разработке и soft skills. Полный список тем — на сайте. Не стесняйтесь предлагать свои.

Вы можете выступить онлайн или офлайн и выбрать любой формат выступления — доклад, воркшоп, интервью, обсуждение, BoF-сессию или придумать что-то свое.

⚠️ На этапе подачи заявки подойдут даже примерные тезисы, необязательно иметь уже готовый доклад. После отправки заявки Программный комитет поможет доформулировать идею и превратить ее в доклад. А персональный куратор пройдет с вами весь путь — от идеи до продакшена: сделает ревью, поможет с доработкой, проведет репетиции и даст рекомендации по выступлению.

Подавайте заявки до 25 июля!

🍉🍑 Новый CSS и HTML

На мой взгляд, полезнее, чем этот ролик сделать мне в своей жизни больше ничего не получится!
Можете отписываться 🙃

Надеюсь оцените труды лайком!

К просмотру!

И теперь вы можете оформить подписку мои плюшки с НЕ российских карт через Telegram Donate!

Там правда чуть побольше стоимость из-за ограничений бота, но думаю загладим этот момент дополнительными бонусами!

Подписка с НЕ российской карты!
Подписка c российской карты!

🤯⚔️ HTMX заменит Frontend?! WTF?

Доклад про самую обсуждаемую фронтендерскую новинку этого года!

К просмотру!

Всем привет!
Вход в фронтенд-комьюнити теперь БЕСПЛАТНЫЙ!

Чаты комьюнити:
- Вайтишная (главный чат)
Топики: Флудилка, JS/TS, React.js, HTML/CSS, вопросы новичков

- Околоайтишная
Топики: Вакансии, Собесы, конференции

- Академия
Тут собираемся в группы и пилим стартапы.
Также это место для общения начинающих талантов.

- Вьюшная
Все о Vue.js

- Ангулярная
Все про Angular

- Шахматная
Играем в шахматные турниры

- Редакционная
Тут можно предложить интересные темы для публикации в телеге/роликах.

- Мемная
Тут делимся мемами про айтишечку. Лучшие публикуем в новом мемном канале

Ссылка сразу на всю папку чатов:
https://t.me/addlist/9TYYN_UDOCY5ZTc6

Будем создавать новые чаты и модифицировать старые при необходимости.
За изменениями следите тут =)

База знаний комьюнити:
https://foamy-stag-bb6.notion.site/Hero-ddba190b4e5c48488fdbaac13e54d863?pvs=4

Скажу честно: у меня не хватает времени ее пополнять.
Ищем активных ребят, чтобы ее развивать.
Имена героев будут увековечены в базе.

В Редакционном чате ждем альтруистов!

Доступы к тренажерам от HTML Academy вы можете получить, постучавшись ко мне в ЛС!
https://t.me/How_to_learn_IT

Могу отвечать с небольшой задержкой 👽

❄️ Экосистема React.js 2023

Мир Реакта меняется постоянно.
Твой прошлогодний модный стек, сегодня уже считается устаревшим.
Разбираемся в том, что модно носить сегодня!

К просмотру!

💫 Экосистема React.js 2023

1. Песочницы
- codesandbox
- stackblitz

2. Сборка
- если клиентский SPA - Vite
- если SSR - Next.js, Remix

3. Роутинг
- если клиентский SPA - React Router / TanStack router
- если SSR - Next.js routing

4. Стейт менеджеры
- клиентские: Redux Toolkit, Zustand, Effector, Mobx
- серверные: RTK Query, Tanstack Query (React Query), Apollo

5. Работа с формами
- Formik
- React Hook Form (Лучше использовать эту либу)
- валидация: zod, yup

6. Тестирование
- раннеры unit-тестов: Jest, Vitest, Bun (Экспериментально)
- React Testing Library - для тестирования компонентов
- Playwright - end-to-end

7. Стилизация
- Tailwind (Для последователей Bootstrap)
- css-in-js: Styled Components или Emotion
- css modules

8. UI-киты
- Material UI, Mantine UI, Ant Design, Chakra
- Нестилизованные библиотеки: Headless UI, React Aria, Downshift, Base UI, Radix, Reach UI, Lion

9. Анимации
- React Spring
- Motion

10. Визуализация данных
- Victory Chart
- react-chartjs-2
- recharts

11. Таблицы
- Tanstack Table

12. I18n
- react-i18next
- format.js

13. Инструменты разработчика
- React Dev Tools
- Redux Dev Tools
- Testing Playground
- Dev Tools для React Hook Form
- Dev Tools для TanStack Query

14. Документация
- Docusaurus 2.0
- Nextra для приложений на Next.js
- Storybook - для дизайн-систем

15. Type Checking
- TypeScript

16. Мобильные приложения
- React Native
- Flutter (Не js/react, но по просьбам трудящихся добавим)

17. Остальное
- dnd kit - для drag-and-drop
- react-dropzone - для файлов
- Firebase, Supabase платформы
- работа с датами: day.js, date-fns

*****************************
Пост будет пополняться.
Пишите в комменты: какие инструменты стоит добавить в список актуальных технологий?

🧅 Bun 1.0

Самой горячей новостью недели стал релиз Bun 1.0!
Много споров породил: кто-то восхищался скоростью, кто-то снисходительно вспоминал Deno.
На вопрос "Заменит ли Bun ноду?" я не отвечу и предлагаю подискутировать в комментах вам.

Выскажу лишь аргумент за и против.

За Bun
В отличии от Deno, Bun полностью совместим с Node.js.
Поэтому если перейти на Bun - дело получаса, то почему бы и нет?

Против Bun
Главная фишка Bun - скорость.
Но проблема в том, что в приложениях узким горлышком производительности является не Node.js, а коннект с базой данных.
А бизнес заинтересован именно в этом показателе перформанса, а не в скорости прогона тестов.

Если пропустили, то вот вам сборник роликов про релиз Bun 1.0

ru:
Bun sh - революция в JavaScript? (Ulbi tv)
Bun 1.0: вместо Node.js? (Anton Larichev)

eng:
Bun 1.0 is here (Официальный канал)
Bun Is Better Than I Hoped (Theo)
Bun is disrupting JavaScript land (Fireship)
Bun 1.0 Release | Prime Reacts (ThePrimeTime)

Итак, подводим итоги!

Добавлены:
- стейт менеджеры: Effector, Mobx
- фреймворк: Remix
- валидация: zod, yup (В ролике упоминались, но в список не вынесены)
- работа с датами: day.js, date-fns (moment.js лучше больше не использовать)
- мобильные приложения: Flutter (Тут он белая ворона, но пусть будет)
- стилизация: css modules