Всем привет, 👋
Вы можете повлиять на новый учебник заполнив опрос https://goo.gl/forms/Z4MufS9U7izNOZZw1

Добрый вечер. На хабр залит “пятничный перевод” 🛋 - первая часть создания игры на React + SVG (redux тоже имеется). Особых знаний не нужно. Поэтому рекомендую ознакомиться. Для нетерпеливых в переводе есть ссылки на оригинал, где можно найти весь код целиком.

https://habrahabr.ru/post/350274/

p.s. в марте будет анонс бесплатного вебинара.

p.p.s. для бесплатных ответов на вопросы, не забывайте про тостер: https://toster.ru/tag/react/questions

Салют, друзья 💥

Вышел перевод выступления Дэна Абрамова на JSConf, где Дэн рассказывает о новом API реакта - suspense. Материал в основном для тех, кто интересуется, но один момент, я хочу отметить для всех:

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

🌍https://habrahabr.ru/post/350816/

p.s. если вы хотите увидеть перевод какого-либо материала по теме frontend/react (видео/текст) - присылайте свой запрос на maxpfrontend@gmail.com с темой “хочу перевод”. Не забудьте добавить ссылку на материал.

Настало время для анонса первого занятия (вебинара/воркшопа/etc). Участие бесплатное.

🌋Кузница. День #1 (для новичков в react)

Что будет на занятии 🤔:
- create-react-app
- создание компонентов
- работа с props (свойства)
- работа с state (состояние)
- метод жизненного цикла (lifecycle method) componentDidMount
- работа с нативным элементом img

===

Посмотрите github задачу, там же есть код для решения(!). Если вы не умеете делать такое самостоятельно, либо если у вас есть вопросы - добро пожаловать. Вебинар будет проведен через zoom, там же есть чат (посмотрим, на что он способен).

🔗 Ссылка на задание и решение - https://github.com/maxfarseer/forge/tree/1-stardew-seasons (если сомневаетесь, то сначала попробуйте решить задачу не подсматривая)

===

📊 Опрос о времени проведения этого вебинара и вебинаров вообще - https://goo.gl/forms/xkCYSdSOTttjiABr2 (займет 1 минуту)

===

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

p.s. нас почти 💯 на канале. Эта Кузница нигде не будет рекламироваться и мы ее проведем с любым количеством участников, однако будьте готовы к возможным техническим проблемам.

p.p.s. любые вопросы по поводу вебинара и канала - maxpfrontend@gmail.com

👋 Всех с началом рабочей/учебной недели, вышел перевод второй части про создание простой игры на React + SVG - https://habrahabr.ru/post/350278/

Мнения 💬 после перевода первой части разделились , кто-то считает, что Redux здесь только мешает, и что автор не все делает идеально, кто-то наоборот рад такому простому и занимательному примеру 🕹. Вам решать на чьей вы стороне, и если “руки чешутся” просто попрактикуйтесь, не будет лишним.

Уровень статьи: новичок+

p.s. голосование о времени проведения Кузницы (пост выше) заканчивается завтра в 20:00.

Hello, world 🏞

Кузница #1 состоится:
⏰15 марта (четверг) в 20:55

Напоминаю, что вебинар будет для новичков в React.
Будут разобраны следующие темы:

- create-react-app
- создание компонентов
- работа с props (свойства)
- работа с state (состояние)
- метод жизненного цикла (lifecycle method) componentDidMount
- работа с нативным элементом img

Подробнее можете прочесть на пару сообщений выше.

P.S. платформа для проведения - https://zoom.us/ (скачайте клиент заранее и зарегистрируйтесь).

Салют 💥

Выложили новый перевод на хабр, на этот раз там несколько ответов для продвинутых разработчиков по технике render prop (шаблон/паттерн).

📑https://habrahabr.ru/post/350846/

Если хотите посмотреть видео в оригинале по теме render prop (спикер говорит крайне внятно) - https://www.youtube.com/watch?v=BcVAq3YFiuc

А так же, не забывайте, что все самое ценное уже написано и бесплатно расположено в документации: https://reactjs.org/docs/render-props.html

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

🎥 тем временем, на твиче сегодня скучный стриминг процесса создания учебника, общение в чате и переодически голосом.

https://www.twitch.tv/maxpfrontend

Уровень главы в учебнике: новичок 👶

В данный момент по ходу учебника мне нужно написать решение для задачи, в которой происходит работа с input.
----
❗ Не забывайте, завтра вебинар стартует в 20:55 (вся информация чуть выше в ленте)

Спасибо "пришедшим" 👍 , стрим завершен. Вебинар завтра, по расписанию.

Напоминание:
🕑  1 час до Кузницы #1: Основы React

Стартуем :)
🔗  https://zoom.us/j/145377329

Кузница #1 закончена 🏁
Судя по отзывам - получилось неплохо, анонимный опрос для тех кто был - https://goo.gl/forms/bodL6A2Ts2GMroRH3

❌ записи этого вебинара, к сожалению не будет, так как файл не сохранился, если кто-то записывал - скиньте на почту 📬 [ maxpfrontend@gmail.com ]

Спасибо всем, кто пришел. До связи.

Всех с пятницей, сегодня на хабр выехало легкое чтиво в рубрику “япираюсь”, в котором я рассказал о своем опыте консультирования и озвучил насущные вопросы. Будет перерыв на чашку чая/кофе - заглядывайте! ☕️

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

——
🌋в пожеланиях по Кузнице, просили выложить запись и исходники. Записи этого вебинара нет (в будущем будут), а исходники были и есть - здесь: https://github.com/maxfarseer/forge/tree/1-stardew-seasons

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

Нашелся вчерашний вебинар в записях у одного из участников.
🎬 https://yadi.sk/i/LtXDfDAX3TT2rC

Спасибо, Андрей!

Привет, канал. Мы на пороге второй сотни 💯💯, спасибо.
В арсенале у меня есть скользкая тема - собеседование frontend разработчика.

Чтобы не отнимать ваше время, я стараюсь заранее выложить результат, так было с первой кузницей. Здесь ситуация аналогичная, на тостере есть хороший список вопросов, который многие из вас видели - 🔗 https://toster.ru/q/408785#answer_991272. Данные вопросы и ответы на них - тема очевидная.

Прохождение собеседования - тема не очевидная, поэтому есть сомнения в необходимости выдавать вам "еще одно мнение" с моей стороны.

Как обычно, для того, чтобы узнать нужно ли это вам, я сделал опрос - 🔗 https://goo.gl/forms/qD0kfCOt2z2tL7SO2

Данный вебинар состоится, если количество желающих будет больше 20.

❌Важно, на данном вебинаре мы НЕ будем обсуждать:
- тему IT в целом.
- зарплаты
- сложность "вхождения"
- как попасть в яндекс/мейл/авито и прочих "китов" рынка работы

✔️Что мы будем обсуждать:
- вопросы и ответы на них (не все, кратко)
- "цель" собеседования
- портфолио, вклад в open source (сразу скажу, вклад в open source имеет значение только для очень крутых компаний и только если ваш вклад хорош, а по факту - можете просто игнорировать этот пункт. Нет портфолио - плохо. Нет вклада в open source - не проблема, вообще)

Почему такие ограничения:
Без воды - это не просто слоган. Это правило.

Также, чтобы не тратить ваше время, спойлер, "почему я не прошел собеседование":
- 2013й год, позиция Верстальщик/JavaScript разработчик: не знал vanila (нативный) javascript
- 2014й год, позиция JavaScript разработчик - плохо отвечал на вопросы по vanila javascript
- 2016й год, позиция Senior JavaScript разработчик - хотел денег больше, чем смог продемонстрировать знаний (не ответил на все вопросы так, как от меня ожидали, не оправдал ожиданий)
- 2017й год, позиция Team Lead (уже кстати, React) - не смог продемонстрировать достаточно знаний в backend технологиях

===
Всем, кто переживает, что канал "скатится" в лабуду в стиле "обо всем" и скоро начнет репостить новости с пабликов vk - не переживайте. Анонс второй 🌋 кузницы - не за горами.

🎥Вечерний стрим на twtch.tv/maxpfrontend

Сегодня буду работать над заданием для Кузницы #2:
- роутинг без роутера
- - browserHistory (основы js)
- - HOC / render prop

❓В чем отличие стрима от Кузницы (вебинара): более неформальная обстановка, материал не структурирован, не все работает, не все получается, просто процесс разработки как он есть, усложненный необходимостью говорить.

⏰Старт в 19:50

Стрим начался

Стрим закончили. Для тех кто интересовался кошельком для доната https://money.yandex.ru/to/4100183709986 💰

Текущие дела:
В работе перевод видео-туториала по React-Native (субтитры) и 3я часть SVG игры.
Анонс кузницы #2 состоится на неделе.


Оставайтесь на связи
✉ для вопросов/пожеланий - maxpfrontend@gmail.com

p.s. по результатам анкеты, вебинар по поводу собеседования состоится. Ожидайте анонса.

🌋 Кузница #2
Поговорим об асинхронной загрузке данных (без axios’ов и прочего), а так же запилим простой роутинг без реакт-роутера.

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

Коллеги (и будущие коллеги), на тот случай если телеграм заблокируют, я обновил резервный источник, в виде сообщества в vk: https://vk.com/maxpfrontend

Кому удобнее facebook - немного терпения.