⌨️ Наконец я добрался до моего старого проекта, с которого начинал свой 📱 YouTube канал, и снял такой контент:

1. Перенес проект с шаблона Create React App на 👩‍💻 Vite с поддержкой 👩‍💻 TypeScript и 👩‍💻 Bun.
2. Отрефакторил, чтобы проект запустился;
3. Залил все на GitHub и открыл PR, чтобы вы тоже могли глянуть код.

🔥 Дальнейшие планы:
1. Переписать все на TypeScript;
2. Обновить библиотеки (а значит еще переписать кучу кода);
3. Обновить UI

🙊 Дайте знать, что вам еще было бы интересно.

🔗Ссылка на видео:
https://youtu.be/bXXcV_XLAEU

🤔 Говнокод или находчивость?

🖥 К слову о говнокоде - надо ж его порефакторить. Пользуясь случаем, записал вступительный ролик на эту тему.

📱 Вот ссылка - https://www.youtube.com/shorts/FoftSObihss

📖 Читаю сейчас одну книжку про рефакторинг, буду делиться оттуда инфой. Ну а если тебе такое не интересно, то не подписывайся.

👩‍💻 Для тех, кто не в курсе.

🆕 В JavaScript добавили новые методы для Set.

⌨️ Если ранее вам нужно было вручную выполнять какие-то операции с несколькими Set для их сравнения, то сейчас это все упаковали в готовые методы.

Вот они:
1. set1.intersection(set2) - возвращает новый Set с совпадающими элементами из set1 и set2;
2. set1.union(set2) - возвращает новый Set со всеми элементами из set1 и set2;
3. set1.difference(set2) - возвращает новый Set с НЕсовпадающими элементами из set1 и set2;

🔗 С полным списком можно ознакомиться тут - ссылка.

🌐 Кстати, доступны они для браузеров, начиная с данных версий:
- Chrome 122
- Safari 17
- Firefox 127

👩‍💻 На конференции React Conf 2024, команда React Native официально заявила, что теперь Expo является рекомендуемым фреймворком, с которого стоит начать пилить мобильные приложения на React Native. Все потому, что Expo не стоял на месте - улучшался, добавлялись новые фичи, устранялись проблемы.

🔗 Почитать можно тут - ссылка.

🤳 Если вы присматриваетесь к мобильной разработке и ваш путь лежит к RN, то стоит это иметь в виду.

❓ Для тех, кто не в курсе, Expo это фреймворк для разработки приложений на React Native, призванный упростить жизнь разработчикам. К примеру, весь фокус идет на разработку на JavaScript, React и React Native, позволяя избежать надобности ковыряться в нативной части (Kotlin/Swift).

👨‍💻 Я уже третий год разрабатываю приложения на RN, и помню, как Expo был проблемным. Поэтому, от него либо отказывались сразу на старте проекта, либо позже эджектились по мере появления задач, которые уже он не мог решать (expo eject).

💭 Если тут есть кто-то, кто пишет на RN, напишите в комментариях что вы думаете об этой новости. Поделитесь своим опытом - что сейчас разрабатываете, и т.д.

👩‍💻 StackOverflow - опрос 2024.

🗓 В мае 2024 года более 65 000 разработчиков ответили на вопросы ежегодного опроса от StackOverflow, касательно разработки, технологий и инструментов, которые они используют и хотят изучить, искусственного интеллекта и опыта разработки на работе.

Вот некоторые результаты за последний год:

- 65 437 разработчиков из 185 стран участвовали в опросе;
- 62.3% из них использовали 👩‍💻 JavaScript;
- 48 019 из них поделились информацией о своих зарплатах;
- Согласно 82% ответов, онлайн-ресурсы являются главным выбором разработчиков для изучения кодинга;
- Erlang разработчики занимают первое место по самой высокой медианной зарплате 💰, далее тройку замыкают Elixir и Clojure. JavaScript даже и рядом не стоит 😭.

🔝 Топ стран:
1. США 🇺🇸
2. Германия 🇩🇪
3. Индия 🇮🇳
4. Великобритания 🇬🇧
...

🔗Ознакомиться с полной информацией можно тут - ссылка

▶️ Го на стрим!

😎 Буду кодить коммерческий FullStack проект - Админ панель.

🖥 Стек технологий:
- React
- TypeScript
- React Admin
- Firebase

🗓 Завтра, 29 августа, в 19:00 по МСК.

🙊 Расскажу про проект в техническом плане. У вас будет возможность вживую увидеть процесс работы и сможете задать вопросы.

🔗 Ссылка на стрим.

🔜 Встречаемся ровно через час!

▶️ Вторник/3 сентября/19:00 по МСК. Провожу стрим!

😎 Буду кодить тот же самый коммерческий FullStack проект - Админ панель.

🖥 Стек технологий:
- React
- TypeScript
- React Admin
- Firebase

💼 Будут реальные боевые задачи, рефакторинг, и т.д. и т.п.
🙊 Буду читать чат и отвечать на вопросы.

🔗 Ссылка на стрим.

Встречаемся через 30 мин 😎

☕️ Что думаете?

Я обычно интересовался у рекрутеров о формате собеса: общие вопросы будут и (или) технические тоже. Вроде всегда отвечали честно и я готовился к тому, что ожидал.

Но я никогда не спрашивал конкретно о чем могут спросить на тех. собесе, вот как на скриншоте. У вас такое было? Норм вообще так спрашивать?

☕️ Когда чашка кофе с утра выпита, но хочется еще - приходит на помощь декаф.

▶️ Сегодня в 19:00 по МСК. Стрим! Буду кодить. Отвечу на вопросы.

🔗 Ссылка на стрим.

🌚Дополнение к моему посту ранее о рефакторинге (Ссылка):

- Зачем разработчику рефакторинг? (Видео)
- Зачем бизнесу рефакторинг? (Видео)

📖 Далее продолжу делиться полезной инфой по мере чтения книжки.

🛑Подпишись, чтобы не пропустить.

👩‍💻 Атомарные коммиты - маленькие шаги в разработке

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

⭐️ Преимущества:

🛑С их помощью мы можем развивать и менять кодовую базу, держа её при этом валидной в каждый момент времени. Т.е. каждый такой коммит представляет из себя такое состояние проекта, которое запускается и работает без багов;
🛑Когда код валиден в каждом из коммитов, мы можем «путешествовать во времени» по репозиторию, переключаясь между разными коммитами;
🛑Маленькие шаги побуждают декомпозировать задачи на более простые;
🛑Возможность частой интеграции (Continuous Integration) - маленькие изменения часто сливаются в основную ветку, позволяя команде чаще синхронизировать изменения в коде между собой;
🛑Если это рефакторинг, то в любой момент можно его отложить и переключиться на более срочную задачу типа фикса багов на продакшене;
🛑И напоследок, маленькие шаги проще описывать в сообщениях к коммитам. Скоуп таких изменений укладывается в одно-два предложения, поэтому легче описать их смысл коротко и точно.

👍 Как я коммичу на примере функции:
🛑Написал функцию - коммит;
🛑Вызвал эту функцию в нужных местах - коммит;
🛑Изменил логику функции - коммит;
🛑Отформатировал код (eslint, prettier) - коммит.

🙅‍♂️ Как не стоит делать:
🛑Смешивать изменения логики функции с форматированием кода. Это совершенно разные по смыслу задачи;
🛑Создал функцию, вызвал её где нужно, и в том файле тоже параллельно сделал какие-то изменения.

📖 Далее продолжу делиться полезной инфой по мере чтения книжки.

🛑Подпишись, чтобы не пропустить.

▶ Сегодня в 19:30 по МСК. Стрим! Поработаю над импортом таблиц. Порефакторю код. Отвечу на вопросы.

🔗 Ссылка на стрим.

▶ Ночной лайтовый стрим сегодня в 19:30 по МСК! Продолжу работать над импортом таблиц. Порефакторю код. Отвечу на вопросы.

⌨️ Прошлый стрим был очень интересный: задавали вопросы, я решал интересные задачки, и впервые меня одновременно смотрели 20+ человек.

🔗 Ссылка на стрим.

🏃‍♂️Задерживаюсь на 10-15 минут

▶ Стрим сегодня в 19:00 по МСК.

🔗 Ссылка

📖 Давно собрал список конкретных тем с ссылками на документацию, которые необходимо знать, чтобы приступить к освоению React.

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

🔗 Список тут - ссылка.

📱 Для тех, кому комфортнее видеоуроки:
- Верстка - видео
- JavaScript - видео

❗️Но не забывайте, что чтение документации и просмотр видеоуроков можно совмещать, если в одном из этих источников вы на чем-то застряли.

🛑Ну и конечно же подпишитесь на канал, чтобы не пропускать полезную инфу.

▶ Стрим сегодня вечером в 19:00 по МСК.

🔗 Ссылка