Руслан Куянец | Reactify
Kanalga Telegram’da o‘tish
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT. Менторство: https://reactify.ru YouTube канал: https://youtube.com/@reactify-it YeaHub: https://yeahub.ru/ Связь: @ruslan_kuyanets
Ko'proq ko'rsatish6 545
Obunachilar
-624 soatlar
-147 kunlar
-7030 kunlar
Postlar arxiv
Как вам карточка? Новый дизайн, весь вечер придумывал😄
1 - Стало
2 - Было
Вообще идей нет, тяжко придумывать.
Интересный дизайн? Залипательно?
Почему NaN не равно самому себе?
Это достаточно логично🤔
Представьте, что вы пытаетесь сравнить два неопределенных результата. Если бы
NaN был равен NaN, это могло бы дать ложное впечатление, что две неопределенные операции привели к одному и тому же результату, хотя на самом деле каждая из них неопределенна по-своему.
То есть, например, вам 25 лет, вашему другу тоже 25. Вы одного возраста.
Если вам 25, а другу 21, то вы старше друга.
Но если при подсчете возраста была допущенна ошибка, и у вас NaN и у вашего друга NaN, то как мы можем утверждат, что вы одного возраста, если мы не знаем по сколько вам лет?
Следовательно NaN не может быть равным самому себе
#JavaScript #обучающийПост #NaNВидео на канале! Решил поэкспериментировать с обложкой😆
https://youtu.be/8PHd9LOrKbw
Всем привет! Я придумал как у нас пройдёт добавление TypeScript в проект.
Первая серия будет до 10 минут. В этой серии мы установим зависимости, добавим конфиги.
Вторая серия будет до 15 минут. Мы поменяем расширения всех файлов.
И наконец, я подумал сделать курс по TypeScript. Третье видео будет длинным, 1 - 1,5 часа. Я разобью его на логические подтемы и также как и в курсе React, мы поэтапно будет знакомиться с ТС и добавлять его в наш реальный проект.
В основном во всех видео по ТС используют простые маленькие приложения, я считаю, что это не совсем удачный выбор. У нас же, должно быть все логично. У нас есть приложение, есть задача, а не кошечки-собачки, или todo листы.
Такой пример будет наглядным. Я постараюсь хорошо структурировать знания и все в понятной форме изложить. Простым языком и с объяснением логики того, что мы делаем.
TypeScript в каждый дом!✊🏼
Новички часто делают так в 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Мутирующие и не мутирующие методы массивов.
В JavaScript есть методы, которые изменяют исходный массив, и такие, что оставляют его в покое, создавая новый. Разберемся, в чем разница.
Мутирующие Методы
push - добавляет элементы в конец массива.
pop - удаляет последний элемент массива.
splice - удаляет, заменяет или добавляет элементы.
Не Мутирующие Методы
slice - возвращает новый массив, "нарезая" старый.
map - создает новый массив, преобразуя каждый элемент старого.
filter - создает новый массив с элементами, которые прошли проверку.
В чем разница?
Мутирующие методы изменяют исходный массив, а не мутирующие - не изменяют.
Хороший пример: slice и splice. Оба вырезают кусок массива, но splice изменит исходный массив, а slice оставит его нетронутым.
#обучающийПост #JavaScript #Array #methods
Repost from ТВОЙ ДОХОД💲
☁️[Reactify] Курс React с нуля! Стань React Frontend разработчиком (2023)
#программирование #react
Смотреть: https://youtu.be/am_UiIvha5M
🍂Осенняя акция! Более 100.000 курсов уже доступны на: https://slifki.info
Именно сегодня, когда мне нужен был доступ в тинькоф, госуслуги, налог.ру, не работал мтс🤦
Стало ребята страшно, у меня не было доступа ни к чему. Мне просто не приходили смс подтверждения. Не мог войти никуда.
Вот она цифровизация.😬 Считайте, неугодному отключили доступ.
Кстати, что для вас вообще является избытком? Если людей не берут на работу, только потому что они "учились", это считается, что специалисты не нужны?
Я просто помню давно хотел продавцом устроиться в МТС, меня не взяли, так как я не работал продавцом никогда, это считается, что продавцов много, избыток?
Кстати первая вакансия висит уже месяца 3, если не больше. И все это время в топе.
Смею предположить, что не могут найти специалиста. Стек там самый обычный, популярный TS, Redux, React. Проект тоже типичный, что-то типо админ панели для клиентов.
Наверное не могут выбрать из множества специалистов🤔
