Size: a a a

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

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

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

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

В четверг (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)
источник
2018 March 26
maxpfrontend
Добрый вечер 🎇

Открыта регистрация на Кузницу #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
источник
2018 March 27
maxpfrontend
Доброе утро всем.
Как говорит 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 хорош! У него классная речь 🎤, поэтому не пропускайте возможность подтянуть свой английский.
источник
2018 March 29
maxpfrontend
⏰ до вебинара остался один час!
Зарегистрировалось уже 60 человек, если Zoom не справится с таким количеством, то не забывайте - есть план Б - канал на твиче, куда будет вестись стрим: 🎬 https://www.twitch.tv/maxpfrontend

p.s. разница между “зумой” и твичем в том, что на твиче видео идет с задержкой (от 5ти секунд и выше, в зависимости от вашего канала).
источник
maxpfrontend
Начинаем в 21, можно подключаться - https://zoom.us/meeting/register/4df8675517900bcacde7dc3c8da9331e , стрим запущен.
источник
maxpfrontend
Закончили 🏁
Как всегда опрос по поводу вебинара, будущих тем и пожеланий - https://goo.gl/forms/QjvlphrSjsrsEOwR2 (там же ссылка на код )

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

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

p.s. так же по этой кузнице будет полноценная текстовая статья с нужными ссылками и удобной для вас скоростью подачи материал 😉 На связи!
источник
2018 March 30
maxpfrontend
Ночью Dan Abramov твитнул, что вышел React v 16.3.0
А уже сегодня на хабре перевод от нас. Впитывайте 😉

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

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

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

🙆‍♂️ Не скупитесь на лайки и подписки (vk/twitch/youtube), это спровоцирует движение контента вверх 🔝, его увидит больше людей. Больше просмотров - больше желания проводить подобные встречи.
источник
2018 April 02
maxpfrontend
Хэллоу! Наконец-то мы закончили перевод огромного материала по разработке игры на React/Redux 🔥. В третьей части так же автор поделился способом авторизации с помощью JWT (используя сервис Auth0) и способом рассылки событий в реал-тайме с помощью socket.IO, причем сервер приложения написан так же в рамках этих статей (там минимум строк).

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

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

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

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

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

🔗 https://habrahabr.ru/post/352282/
источник
2018 April 06
maxpfrontend
Привет 👨‍💻👩‍💻, за бортом пятница!
На выходных (скорее всего, воскресение вечер ± 19 по Мск) будет проведен стрим, на котором мы рассмотрим корректный подход по работе со сторонней библиотекой.

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

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

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



Так как “в нашем полку прибыло”, я напоминаю что в закормах есть важный опрос по поводу нового учебника. Пожалуйста, уделите 3 минуты, если еще не заполняли: https://goo.gl/forms/Z4MufS9U7izNOZZw1
источник
2018 April 08
maxpfrontend
Привет, все по плану 👌, в 19 стрим.
Библиотеки:
- https://github.com/reactjs/react-modal
- https://github.com/JedWatson/react-select

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

План для стрима в предыдущем сообщении 👆.
источник
maxpfrontend
🎬 Начинаем стрим
источник
maxpfrontend
источник
maxpfrontend
Закончили, спасибо всем, твич накинул новую ачивку 😉
Запись выложу попозже, исходный код здесь: https://github.com/maxfarseer/forge/tree/3-react-modal-react-select
источник
maxpfrontend
Запись стрима уже доступна.
🎥 https://youtu.be/TCVZh_1jGv0
источник
2018 April 09
maxpfrontend
Всех с новой неделей 👺, заметил тут неплохое руководство по конфигурированию вебпака. Закинул в vk пост (https://vk.com/maxpfrontend?w=wall-151851243_60)

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

В данный момент, идет работа над видео по getDerivedStateFromProps методу и “Redux еще жив” 😉 Конечно, жив, между прочим.
источник
2018 April 10
maxpfrontend
Вышло обновление npm, теперь можно смотреть подробности о пакете в удобном формате. На скрине введена команда: npm view lodash
источник
maxpfrontend
С небольшим запозданием выражаю “спасибо” всем кто в теме, кто ставит лайки и подтягивает людей в сообщество - это лучшее, что сейчас можно сделать: 🔝поднимать контент вверх вашей активностью!

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

https://vk.com/maxpfrontend?w=wall-151851243_72
источник