🎥Четверг, день премьер в кино. Что посмотреть сегодня вечером?

Например, простейший туториал на React Native 📱, в котором разбирается создание приложения Секундомер (как он выглядит на iOS), причем на android тоже работает!

https://habrahabr.ru/post/351748/

Как всегда, если вы давно ищете перевод какого-то материала, вы можете закинуть удочку на почту maxpfrontend@gmail.com с темой “хочу перевод” и ссылкой на оригинальную статью/видео.

Всем, привет 👋

В четверг (29 марта, 21:00) будет вебинар, на котором мы разберемся в том числе и с тем, как можно сделать свой простой роутер с помощью BrowserHistory (https://developer.mozilla.org/ru/docs/Web/API/History_API).

Если у вас есть пробелы в знании основ, например что такое объект window.location и как можно сделать простой роутер с помощью "хэша" (символ решетка - #), обязательно посмотрите пример с нашего последнего стрима - 🔗  https://github.com/maxfarseer/forge/tree/2-stardew-router, и почитайте про window.location (https://developer.mozilla.org/ru/docs/Web/API/Location)

❗ Можно сказать, что всего 10 строк в componentDidMount позволили сделать примитивный роутинг с хэшом (https://github.com/maxfarseer/forge/blob/2-stardew-router/src/Main.js#L19)

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

Открыта регистрация на Кузницу #2 (четверг 21:00). Подробная информация выше, или в vk.com/maxpfrontend.

Ссылка для регистрации (участие бесплатное)
🔗 https://zoom.us/meeting/register/4df8675517900bcacde7dc3c8da9331e

Так же будет запущена трансляция на Twitch, для тех кто у кого нет возможности воспользоваться zoom, или мы вдруг достигнем лимит в 100 человек на вебинаре 🎓

P.S. из интересного, рекомендую на досуге почитать про тестирование в отрыве от React/Redux на сайте Learn Javascript. Теория неплохая, лишней не будет. К тому моменту как мы доберемся до тестирования (а мы это сделаем обязательно) вы уже будете лучше подкованы: http://learn.javascript.ru/testing

Доброе утро всем.
Как говорит WesBos в своем 🎬 видео про использование Context API:
“Я надеюсь, вы отлично проводите свое время”.

Роман, как раз приготовил субтитры - https://habrahabr.ru/post/352100/ 👏

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

P.S. У реакта уже давно есть возможность работать с context (https://reactjs.org/docs/context.html#how-to-use-context). Эту возможность используют Redux, React-Router и прочие библиотеки, поэтому спешить работать с новым Context API я бы не стал. Все это еще лишь alpha версия, и API может измениться. Тем не менее, Wes хорош! У него классная речь 🎤, поэтому не пропускайте возможность подтянуть свой английский.

⏰ до вебинара остался один час!
Зарегистрировалось уже 60 человек, если Zoom не справится с таким количеством, то не забывайте - есть план Б - канал на твиче, куда будет вестись стрим: 🎬 https://www.twitch.tv/maxpfrontend

p.s. разница между “зумой” и твичем в том, что на твиче видео идет с задержкой (от 5ти секунд и выше, в зависимости от вашего канала).

Начинаем в 21, можно подключаться - https://zoom.us/meeting/register/4df8675517900bcacde7dc3c8da9331e , стрим запущен.

Закончили 🏁
Как всегда опрос по поводу вебинара, будущих тем и пожеланий - https://goo.gl/forms/QjvlphrSjsrsEOwR2 (там же ссылка на код )

Напоминаю, следующий вебинар у нас не технический, потому что я буду в командировке 🇩🇰, мы поговорим про собеседования. Опрос для вебинара по собеседованиям здесь: https://goo.gl/forms/nv36i9HmhxpMZD912

Не забывайте “поднимать” новости в VK / видео на ютубе - своей активностью в виде лайков. Спасибо!

p.s. так же по этой кузнице будет полноценная текстовая статья с нужными ссылками и удобной для вас скоростью подачи материал 😉 На связи!

Ночью Dan Abramov твитнул, что вышел React v 16.3.0
А уже сегодня на хабре перевод от нас. Впитывайте 😉

🔗https://habrahabr.ru/post/352426/

p.s. ничего такого, что вам понадобится прямо сегодня и “супер срочно” там нет. Вообще, спокойно учитесь по тому материалу, который считаете хорошим. Если у автора есть обновление - конечно, берите его. Если нет - практикуйтесь на тех же версиях пакетов, что и туториал. В противном случае, если постоянно скакать с одной версии на другую, то прогресс будет медленнее.

Выходные - лучшее время для обучения. Запись вебинара уже на ютубе. Твич “в обработке”.

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

🙆‍♂️ Не скупитесь на лайки и подписки (vk/twitch/youtube), это спровоцирует движение контента вверх 🔝, его увидит больше людей. Больше просмотров - больше желания проводить подобные встречи.

Хэллоу! Наконец-то мы закончили перевод огромного материала по разработке игры на React/Redux 🔥. В третьей части так же автор поделился способом авторизации с помощью JWT (используя сервис Auth0) и способом рассылки событий в реал-тайме с помощью socket.IO, причем сервер приложения написан так же в рамках этих статей (там минимум строк).

Мне нравится этот пример, он простой (не считая формул движения объектов), он не скучный, он построен на популярных технологиях, которые требуются на рынке.

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

👏 Браво, Дмитрий (переводчик). В оригинале 19450 слов! Sick!

🔗 https://vk.com/maxpfrontend?w=wall-151851243_50 (ссылки на статьи здесь)

p.s. как всегда напоминаю, что у нас есть почта maxpfrontend@gmail.com куда вы можете скинуть тему, которая вас интересует и которая еще не переведена.

Кто-нибудь еще не в курсе, что такое CI (Continious integration)? Мой коллега, Александр, написал на хабр статью для новичков в этом деле. Я все же постараюсь как-нибудь вытащить его на вебинар, ну а пока посмотрите текстовую версию:

🔗 https://habrahabr.ru/post/352282/

Привет 👨‍💻👩‍💻, за бортом пятница!
На выходных (скорее всего, воскресение вечер ± 19 по Мск) будет проведен стрим, на котором мы рассмотрим корректный подход по работе со сторонней библиотекой.

🔬Под прицелом: react-modal (модальные окна, супер легко для настройки), react-select (“селект с автокомплитом” посложнее).

📜План:
1) когда мне нужна сторонняя библиотека?
2) как выбрать библиотеку?
3) как интегрировать библиотеку?
4) где искать помощи по конкретной библиотеке?

Напоминаю, стрим - неформальная форма вебинаров, во время которой мы двигаемся размеренным шагом, попивая кофе. Обычно стрим превращается в вебинар в будущем, но в более строгом и 100% рабочем варианте. Запись стрима будет на твиче/ютубе.

—

Так как “в нашем полку прибыло”, я напоминаю что в закормах есть важный опрос по поводу нового учебника. Пожалуйста, уделите 3 минуты, если еще не заполняли: https://goo.gl/forms/Z4MufS9U7izNOZZw1

Привет, все по плану 👌, в 19 стрим.
Библиотеки:
- https://github.com/reactjs/react-modal
- https://github.com/JedWatson/react-select

Если вы еще не работали с этими библиотеками - настоятельно рекомендую попробовать набросать какие-нибудь примеры, посмотреть с какими трудностями столкнетесь, на стриме будет возможность задать вопросы.

План для стрима в предыдущем сообщении 👆.

🎬 Начинаем стрим

Закончили, спасибо всем, твич накинул новую ачивку 😉
Запись выложу попозже, исходный код здесь: https://github.com/maxfarseer/forge/tree/3-react-modal-react-select

Запись стрима уже доступна.
🎥 https://youtu.be/TCVZh_1jGv0

Всех с новой неделей 👺, заметил тут неплохое руководство по конфигурированию вебпака. Закинул в vk пост (https://vk.com/maxpfrontend?w=wall-151851243_60)

В вк буду добавлять подобные посты в оригинале, которые мне нравятся. Голосуйте лайком или “+” в комментах, так будет легче выбирать, что нам перевести в первую очередь.

В данный момент, идет работа над видео по getDerivedStateFromProps методу и “Redux еще жив” 😉 Конечно, жив, между прочим.

Вышло обновление npm, теперь можно смотреть подробности о пакете в удобном формате. На скрине введена команда: npm view lodash

С небольшим запозданием выражаю “спасибо” всем кто в теме, кто ставит лайки и подтягивает людей в сообщество - это лучшее, что сейчас можно сделать: 🔝поднимать контент вверх вашей активностью!

В связи с этим, в vk запустил небольшую халяву: проведу 3 бесплатных получасовых консультации для тех, кто реально пытается разобраться. Поэтому наличие проекта - обязательно (пусть и простого).

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