Руслан Куянец | Reactify x YeaHub

#roadmap #react #frontend

Видео на канале! Решил поэкспериментировать с обложкой😆 https://youtu.be/8PHd9LOrKbw

Осталось немного! Скоро на канале!

Всем привет! Я придумал как у нас пройдёт добавление TypeScript в проект. Первая серия будет до 10 минут. В этой серии мы установим зависимости, добавим конфиги. Вторая серия будет до 15 минут. Мы поменяем расширения всех файлов. И наконец, я подумал сделать курс по TypeScript. Третье видео будет длинным, 1 - 1,5 часа. Я разобью его на логические подтемы и также как и в курсе React, мы поэтапно будет знакомиться с ТС и добавлять его в наш реальный проект. В основном во всех видео по ТС используют простые маленькие приложения, я считаю, что это не совсем удачный выбор. У нас же, должно быть все логично. У нас есть приложение, есть задача, а не кошечки-собачки, или todo листы. Такой пример будет наглядным. Я постараюсь хорошо структурировать знания и все в понятной форме изложить. Простым языком и с объяснением логики того, что мы делаем. TypeScript в каждый дом!✊🏼

#stack #technologies #facebook #meta

Новички часто делают так в React, забывают про иммутабельность. Может вызвать непредвиденные ошибки или поведение приложения. Раньше делали так (spread оператор): [...people].sort() Теперь же можно делать так: people.toSorted() #code #JavaScript #Array #methods

Так же завершил разработку приложения для компаний. Мой сервис делится на несколько приложений: 1. Приложение для компаний (админка)✅ 2. Приложение для клиентов🕐 3. Сервер, бэкенд✅ 4. Сайт🕐 5. UI библиотека🕐 Планирую до нового года завершить эти задачи и приступить к другим💪🏻

Сегодня загруженный день был, не смог выложить видео. Я думаю, что завтра в обед оно будет в YouTube. 🚀 Так же завтра приступаю к съемке серий по TS. Надеюсь легко пойдёт)

Когда массив приходит в функцию, лучше его не трогать. Вместо этого, создайте новый массив и вносите в него нужные изменения. Это избавит вас от головной боли, если исходный массив используется ещё где-то в программе. И вот это именно то, что называют иммутабельностью. Это не просто модное словечко, это хорошая практика. Функции, которые не меняют входные данные, называют чистыми. Они проще в отладке и тестировании. Есть мутирующие методы sort(), reverse(), splice(), недавно были добавленны новые методы toSorted(), toReversed(), toSpliced(). Они как раз не мутируют массив, а создают новый. Раньше нам приходилось с помощью ... (spread operator) создавать новый массив. Каждый раз, когда этот код выполняется, создаётся новый массив, что потребляет дополнительную память. К тому же, метод .sort() сам по себе тоже требует ресурсов для выполнения сортировки. const numbers = [3, 1, 4]; const sortedNumbers = [...numbers].sort(); Теперь мы можем использовать toSorted(): const numbers = [3, 1, 4]; const sortedNumbers = numbers.toSorted(); #обучающийПост #JavaScript #Array #methods

👨‍💻 Греф оценил дефицит IT-специалистов в России более чем в 1 млн человек

YouTube😎

Мутирующие и не мутирующие методы массивов. В JavaScript есть методы, которые изменяют исходный массив, и такие, что оставляют его в покое, создавая новый. Разберемся, в чем разница. Мутирующие Методы push - добавляет элементы в конец массива. pop - удаляет последний элемент массива. splice - удаляет, заменяет или добавляет элементы. Не Мутирующие Методы slice - возвращает новый массив, "нарезая" старый. map - создает новый массив, преобразуя каждый элемент старого. filter - создает новый массив с элементами, которые прошли проверку. В чем разница? Мутирующие методы изменяют исходный массив, а не мутирующие - не изменяют. Хороший пример: slice и splice. Оба вырезают кусок массива, но splice изменит исходный массив, а slice оставит его нетронутым. #обучающийПост #JavaScript #Array #methods

​☁️[Reactify] Курс React с нуля! Стань React Frontend разработчиком (2023) #программирование #react Смотреть: https://youtu.be/am_UiIvha5M 🍂Осенняя акция! Более 100.000 курсов уже доступны на: https://slifki.info

Мой бесплатный видеокурс в YouTube✌️

Именно сегодня, когда мне нужен был доступ в тинькоф, госуслуги, налог.ру, не работал мтс🤦 Стало ребята страшно, у меня не было доступа ни к чему. Мне просто не приходили смс подтверждения. Не мог войти никуда. Вот она цифровизация.😬 Считайте, неугодному отключили доступ.

Кстати, что для вас вообще является избытком? Если людей не берут на работу, только потому что они "учились", это считается, что специалисты не нужны? Я просто помню давно хотел продавцом устроиться в МТС, меня не взяли, так как я не работал продавцом никогда, это считается, что продавцов много, избыток?

Кстати первая вакансия висит уже месяца 3, если не больше. И все это время в топе. Смею предположить, что не могут найти специалиста. Стек там самый обычный, популярный TS, Redux, React. Проект тоже типичный, что-то типо админ панели для клиентов. Наверное не могут выбрать из множества специалистов🤔

Каждую неделю я просматриваю hh. Смотрю вакансии, что предлагают, что хотят. Из наблюдений: 1. Стало больше вакансий на Vue js 2. Количество вакансий в Москве увеличилось с ~1650 до 1813 (месяц назад было 1650) 3. Стало появляться больше вакансий для джунов

Применение Различие заключается в том, что map возвращает новый преобразованный массив, а forEach позволяет просто итерироваться по массиву и добавлять свою логику. В примере мы решили одну и ту же задачу разными методами. В данном случае map является предпочтительным. #JavaScript #обучающийПост #Array #methods

Привет всем! Сегодня поговорим про два очень часто используемых метода массивов в JavaScript: forEach и map. Почему бы их не сравнить, чтобы вы точно знали, когда какой использовать? 🤔 forEach Этот метод просто проходится по всем элементам массива и делает с ними что-то полезное. Но сам массив при этом не изменяет. Он просто как турист: прошёл, посмотрел, но ничего не тронул. const numbers = [1, 2, 3]; numbers.forEach(num => { console.log(num * 2); }); map Этот метод похож на forEach, но с одним важным отличием: он создаёт новый массив на основе старого. Как будто клонирует массив, но при этом может что-то изменить в клонах. const numbers = [1, 2, 3]; const doubled = numbers.map(num => num * 2); Когда что использовать? Используйте forEach, когда: вам нужно просто что-то сделать с каждым элементом массива, но не нужен новый массив. Используйте map, когда: вы хотите получить новый массив на основе старого, например, удвоить каждый элемент. #JavaScript #обучающийПост #Array #methods