Привет!

Спустя 2 с половиной года после выпуска туториала по Реакту, я наконец-то добрался до переписывания его на новый синтаксис + новый опыт + некоторые исправления. Скоро (думаю, не больше 1-2х недель) он будет готов полностью.

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

Старый учебник прочитало более 250 000 человек 😲, возможно, и вы в том числе! Спасибо!

что уже готово

Затем по плану Redux (который прочитало еще 200k+ человек). С ним помогает “секретный персонаж”, которого некоторые участники группы уже знают 😉

Вообще, сумарное количество просмотров на туториалах по react / redux / router превысило 2 500 000.

Оставайтесь на связи, не забывайте, что через неделю вебинар!

Всем привет.

Как я и обещал, я начал переписывать свой старый туториал «Основы React».

Я его переписал! Только что😄

Весь код теперь современный, классы, stateless functional компоненты, getDerivedStateFromProps вместо componentWillReceiveProps и так далее.

React – 16.4 👌

Добавил несколько новых разделов 🔥:

- create-react-app (причем, не в начале, а ближе к концу. В начале мы работаем с реактом так, как будто это просто «еще один скрипт» в index.html)
- import’ы и export’ы
- асинхронный запрос
- спам-фильтр (практическая задача, где как раз разобраны componentWillReceiveProps и getDerivedStateFromProps)

Все скриншоты переделаны, весь исходный код обновлен.

В данном учебнике есть все, чтобы изучить основы. Ничего лишнего, немного личного.

В данный момент я разбираюсь с обновленной версией гитбука, и на следующей неделе все приватные репозитории (книга в markdown и исходный код) станут доступны для всех.

p.s. на скрине программа Rescue Time, которая показывает продуктивность. Синие - это продуктивно трэкнутое время, красные - нет. Софт сам различает (на основе данных от других и вас) полезный вы посетили сайт или нет, полезное ли у вас открыто приложение и тд тп.

Такой была моя суббота, коллеги и будущие коллеги.

Решил не начинать новую жизнь с понедельника 👾

Основы React (2-e издание), бесплатный и качественный материал. Первое издание прочитали более 250 000 читателей.

Есть возможность скачать в форматах: PDF/ epub / mobi

🔗 https://legacy.gitbook.com/book/maxfarseer/react-course-ru-v2/details

Звездочка и репост на вес золота.

p.s. если есть золото ($) - можно поддержать здесь - https://yasobe.ru/na/avtorskie_materily_po_react_redux_i_ekosisteme

p.p.s. вебинар по тестированию в четверг в 21

У гитбука есть проблемы с доступностью, поэтому если вас это тоже зацепило книгу можно скачать здесь - https://yadi.sk/d/27GRj3dR3Zhptv

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

Приглашаю всех на незапланированный стрим, тема:

eslint, prettier и пре-коммит хук.

Эти инструменты здорово облегчают работу.
Старт в 21, должны уложиться в 15-20 минут.

Площадка twitch - https://www.twitch.tv/maxpfrontend (добавляйтесь в фоловеры)

Начинаем собираться, трансляция уже на твиче

Текстовая версия вчерашнего вебинара уже в сети, видео на выходных.
https://maxpfrontend.ru/vebinary/nastroyka-eslint-prettier-pre-commit-hook-create-react-app-visual-studio-code/

Хэллоу, недавно виделись, но по плану сегодня встреча по поводу тестирования компонентов: enzyme, снапшоты и ускорение в виде “зеленых строк” в терминале.

⏰ В 21 стартуем официально, сбор в 20.50-20.55 как обычно.

Стрим будет на твиче, без зумы сегодня, так как у меня нет второго монитора.

Начинаем https://www.twitch.tv/maxpfrontend

Расширенная текстовая версия вебинара по тестированию с помощью Jest и Enzyme (длинная статья с годными примерами) - welcome:

https://maxpfrontend.ru/vebinary/testirovanie-komponentov-s-pomoschyu-jest-enzyme/

Доброе утро, хватит спать! 😈
Выложена запись вебинара по тестированию компонентов Jest + Enzyme.

https://www.youtube.com/watch?v=-sAwY7DxLs4

p.s. не забывайте, что у данного вебинара текстовая версия гораздо обширнее, с задачками и TDD под конец. Статья выложена сообщением выше.

p.p.s. если есть профиль в вк, можете черкануть отзыв, пригодится: https://vk.com/topic-151851243_39336381

Второе издание Redux не за горами, выйдет раньше чем планировалось.

Все обещанное к выходным - сделано, вебинар по настройке Eslint + Prettier + pre-commit hook на канале.

https://youtu.be/IpmiFPoDYVY

Услышимся на неделе.

Всем привет, вчера закончил со старыми разделами основ по Redux. Осталось дописать новый раздел по оптимизации и немного прокачать пример. Планирую порекламироваться в паре пабликов/каналов, поэтому нужна ваша поддержка.

https://vk.com/maxpfrontend?w=wall-151851243_785

если нет vk - https://yasobe.ru/na/avtorskie_materily_po_react_redux_i_ekosisteme (в комментариях укажите “основы redux 2”

Все как обычно, с меня годный текстовый контент + вебинар. Немного подробностей про сам учебник:

👾 В результате прохождения курса, вы научитесь:

+ Основам создания SPA-приложения на React;
+ Грамотно готовить Redux-приложение (однонаправленный поток данных);
+ Выполнять асинхронные запросы (прелоадер, обработка ошибок) с помощью стандартного redux-thunk;
+ Взаимодействовать со сторонними API (на примере VK API);
+ Работать с документацией (по-желанию);
+ Оптимизировать перерисовки компонентов;

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

Салют “люди будущего” 👾

Презентация Основы Redux (2е издание) и разбор финального примера будут на вебинаре, в следующий четверг (23 числа) в 21 по Москве.

Регистрация - https://zoom.us/meeting/register/e688f9fa21c0aab04ac87b605f06faf5

Подробности есть в vk (https://vk.com/@maxpfrontend-vebinar-osnovy-redux-2-e-izdanie)

Что можно узнать на вебинаре? (для тех, у кого vk заблокирован)

+ как в общих словах работает Redux;
+ как взаимодействовать с VK API;
+ как удобно "консолить и дебажить";
+ ответы на ваши вопросы;

Увидимся!

Привет, проходил туториал по сагам ⚔️ на офф.сайте (https://redux-saga.js.org/). В BeginnerTutorial старый не рабочий репозиторий, сделал CRA-версию, ловите, кто будет учить: https://github.com/maxfarseer/redux-saga-beginner-tutorial/tree/beginner-tutorial-only (ветка beginner-tutorial-only)

(подкину туда еще немного кода для себя, поэтому master ветку можно рассматривать как рабочий черновик).

Вообще, по сагам я начал учить отсюда: https://egghead.io/courses/async-react-with-redux-saga (подписка на egghead 40$ - курс явно столько не стоит, ибо он очень короткий и слабенький, однако очень уж простой и понятный).

Далее пошел по официальной доке, которая хорошо зашла. Читаю ее уже на протяжении 2 с половиной дней по 6-8 часов (так как я не отличаюсь особым “схватыванием на лету”). Документация показательная. Четко, понятно, с подробностями.

p.s. полноценного вебинара пока по саге делать не планирую, но так или иначе мы ее зацепим в будущем.

p.p.s. через неделю увидимся на вебинаре по Redux (в учебнике я использую стандартный redux-thunk)!

Добрый вечер 🌙

Напоминаю, что в этот четверг встречаемся, чтобы обсудить второе издание учебника про Redux.

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

Жду всех, кому интересно в 21 по Москве (в четверг).

Регистрация на вебинар: https://zoom.us/meeting/register/e688f9fa21c0aab04ac87b605f06faf5