👋 Всех приветствую!

✍ Этой первый пост в моем только что созданном канале Maxwell Coding.

Начать хочу с информации о том, что на моем Boosty вышли такие ролики:
1. Собеседую разработчика. Middle уровень. JavaScript и TypeScript
2. Рефакторинг проекта подписчика. TypeScript. React. React Native
3. Рефакторинг проекта подписчика. Redux Saga & Redux Toolkit

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

❗Также, в этом Telegram канале, буду с вами делиться полезной информацией из мира IT и моей работы. В основном конечно же по направлению Frontend разработки.

⚡ Будет очень много чего полезного и интересного!

📣 Полезный сайт для тех, кто работает с Next JS.

👨‍💻 Там вы найдете большой список примеров маршрутизации в Next.js с сопутствующим кодом и файловой структурой.
Например, динамические роуты, серверные компоненты, кэширование, и т.д.

🔗 Ссылка - https://nextjs-app-router-training.vercel.app/

☄️ Стриму быть!

▶️ Давайте встретимся завтра вечерком в воскресенье в 19:00 по мск.

👨‍💻 Продолжим работу над проектом, буду разбирать Next JS и переносить на него свой проект, который мы с вами недавно стартовали.

🔗 Ссылка на стрим - https://www.youtube.com/watch?v=9Ot1weoHh9M

😲 Node JS теперь на Next JS

Вот заснял Shorts:
https://www.youtube.com/shorts/RgJ2iLJ8Obc

🥳 Как вам новый JavaScript фреймворк?

🔗 Оригинальный пост: ссылка

🧐 Считаю, что в 2024 году, умение без проблем искать и читать информацию на английском, должно быть обычным явлением на пути к становлению опытным специалистом.

👨‍💻 Лично я, почти всю информацию на просторах интернета ищу как раз таки на английском. Знание английского очень сильно мне помогло повысить скорость и качество работы.

🔗 А вот некоторые источники:
- https://medium.com/
- https://dev.to/
- https://bytes.dev/
- https://thisweekinreact.com/
- https://overreacted.io/

🔍Недавно наткнулся на статью, где автор разбирает концепции современных JavaScript фреймворков.

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

⚙️Параллельно в этом супе еще варятся такие штуки как Proxy API, WeakMap, HTML templates, и т.д.

☄️Как по мне, статья очень крутая. Ссылка тут.

🔥В JavaScript были добавлены такие крутые методы для массивов:

Array.prototype.with(index, value)

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

Вот пример:
Меняем в массиве возрастов значение на индексе 1 с 15 на 16:

const ages = [10, 15, 20, 25];

const newAges = ages.with(1, 16);
console.log(newAges); // [10, 16, 20, 25]
console.log(ages); // [10, 15, 20, 25] исходный массив остался неизменным

И вот еще:

Array.prototype.toReversed() // Изменяет порядок элементов в массиве на обратный не меняя исходный массив
Array.prototype.toSorted() // Сортирует массив не меняя исходный
Array.prototype.toSpliced() // Работает как .splice(), но исходный массив остается неизменным

Ссылки:
- with
- toReversed
- toSorted
- toSpliced

▶ Приходите завтра на стрим в 19:00. Задавайте вопросы. Буду работать над проектом своим.

https://www.youtube.com/watch?v=Y79bg7JWfHc

📣 Выложил видео, где разбираю задачу с собеседования в одну из крупных российских компаний.
☺️ Позиция - Frontend разработчик.

▶️ Данное видео доступно у меня на Boosty.

🔗 Ссылка - https://boosty.to/maxwellcoding/posts/6c18c942-d014-4998-a1ea-a1274dcfbe9f

🔜 Далее на Boosty выйдет разбор решения тестового задания также на позицию Frontend разработчика, но на этот раз уже в другую крупную компанию.