Size: a a a

Wise.js | Frontend tips

2021 August 06
Wise.js | Frontend tips
☑️ Зачем нужен BigInt в JavaScript?

BigInt – это специальный числовой тип, который предоставляет возможность работать с целыми числами произвольной длины. Рекомендуется использовать его только тогда, когда разумно ожидаются значения, превышающие 2 в 53 степени и не приводить между двумя типами.
источник
2021 August 16
Wise.js | Frontend tips
☑️ TIPS AND TRICKS #25

Решение распространенной проблемы разбиения заголовка на несколько строк.
Например,  он должен отображаться в одну строку на большом экране, но на маленьком экране разбиваться на разные части.

#wise_tips
источник
2021 August 23
Wise.js | Frontend tips
🎬 Пишем с нуля приложение на Nextjs + Contentful Headless CMS + typescript.
Блог с контентом из CMS и отрисовкой на React SSR.

Смотреть по ссылке: https://youtu.be/ew19gcnvX70

#wise_tutorial
источник
2021 September 13
Wise.js | Frontend tips
☑️ Блоки статической инициализации класса

Не путать со статическими методами и полями!
Новый синтаксис блока статической инициализации класса позволяет разработчикам собирать код, который должен выполняться один раз для данного класса,  в одном месте.
У класса может сколько угодно статических блоков инициализации.

#wise_tips
источник
2021 September 20
Wise.js | Frontend tips
🎬 Новое видео на канале

Ошибки начинающих фронтендеров при работе с условными операторами и не только.

https://www.youtube.com/watch?v=eR_sRSQYo3o&ab_channel=WisejsFrontend

Отдельная благодарность за лайк или комментарий!
YouTube
10 ошибок начинающих Frontend программистов. Условные операторы if ... else.
Рассмотрим 10 ошибок начинающих Frontend / JavaScript программистов, которые чаще всего допускают при работе с условными операторами: if ... else, switch, тренарный оператор, возврат булевого значения и другие.

👉 Мои курсы по JS+React+алгоритмы: https://wisejs.online/

Таймкоды:

0:00 - Какие ошибки рассмотрим
00:11 - Прямое сравнение с true / false
01:19 - Явный возврат true / false
02:37 - Обучение с Wise.js Online
03:04 - Лишние проверки и переменные
03:55 - Неподходящие структуры данных
05:33  - Разветвления не через switch
06:41 - Большие множественные условия
08:46 - Проверка на пустоту
09:24 - Излишние сокращения if … else
10:36 - Сравнение ссылок
11:36 - Сравнение или присвоение

Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка)

✔️Если хочешь изучать программирование  со мной, не забудь подписаться :)
https://www.youtube.com/channel/UCOxq...

✔️Мой телеграм канал: https://t.me/joinchat/RVq-cmt6n1SJRS7Z


#javascript #программирование #ifelse #wisejs #wisejsonline #top10…
источник
2021 October 04
Wise.js | Frontend tips
☑️ Паттерн кеширования свойств в JavaScript

Обычно, для избежания тяжелых вычислений, мы используем первый вариант. Однако, в таком решении мы используем свойство и getter (2 поля). В решении №2 мы используем 1 поле getter, заменяя его на статическое свойство сразу после вычисления.

#wise_tips
источник
2021 October 19
Wise.js | Frontend tips
☑️ TIPS AND TRICKS #26

Создаем разметку ссылки с помощью метода link в JavaScript.

#wise_tips
источник
2021 October 25
Wise.js | Frontend tips
🎬 Новое видео на канале

Разница между Интерфейсом и Типом в Тайпскрипт. TypeScript Interface vs Type.

https://www.youtube.com/watch?v=hGdx0hpZsvs&ab_channel=wise.js
источник
2021 October 28
Wise.js | Frontend tips
☑️ ПОИСК ЭЛЕМЕНТОВ С КОНЦА

С помощью новых методов findLast и findLastIndex эту задачу решить очень просто. Они ведут себя точно так же, как их аналоги find и findIndex, за исключением того, что они начинают поиск с конца массива.

#wise_news
источник
2021 November 01
Wise.js | Frontend tips
🎬 Новое видео на канале: Generic в TypeScript

Постарался максимально подробно и просто объяснить как они работают.
Комментарии под видео приветствуются 🙂

Смотреть по ссылке: https://lnkd.in/gSsA8v_E
YouTube
Дженерики в TypeScript с нуля: Generic, Extends, Дефолтные Параметры + Примеры Использования.
Разбираем с одной из сложнейших тем в TypeScript - дженериками. Generic - это мощный инструмент, позволяющий описывать типа, способные работать с различными типами и структурами данных. Таймкоды:

00:00 - Зачем нужны generic типы.
01:47 - Что такое generic в TypeScript. Синтаксис дженерик типов.
02:45 - Как работают generic типы.
05:38 - Создаем простой generic для загрузки данных по API.
07:18 - Пример функции generic для работы с массивами.
09:11 - Пример функции generic для работы с объектами.
10:20 - Встроенные типы generic на примере Promise, Array, Record.
12:04 - Generic + extends. Простой пример.
13:05 - Generic + class + extends. Пример с классом.
16:28 - Generic + object. Получаем значение по ключу.
18:18 - Generic + object. Получаем ключ по значению.
21:38 - Типизация функций с множеством дженериков.
23:49 - Значения по умолчанию для generic.
24:35 - Создание собственного дженерика, аналога React.FC.

Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка!

👉 Менторство и поддержка:…
источник
2021 November 15
Wise.js | Frontend tips
🎬 Новое видео на канале:
Утверждение типов в TypeScript. Type Assertion + as const.

Разбираемся, что такое утверждение типов (type assertion) и чем оно отличается от их приведение типов (type casting).

Смотреть по ссылке: https://youtu.be/sQaSoKZOQjM
YouTube
Утверждение типов в TypeScript. Type Assertion + as const.
Иногда вы, как программист, можете знать о типе переменной больше, чем TypeScript может определить. Как раз для таких ситуаций и нужно использовать утверждение типов. Утверждения типа аналогичны приведению типов в других языках программирования
Однако, утверждения типа в TypeScript просто позволяют компилятору знать тип переменной. Термин type casting не применим к тайпскрипт так, как система типов, включая утверждения типа и утверждения const,  полностью стирается из компилируемого JavaScript.

00:00 - Что такое утверждение типов.
00:50 - Синтаксис утверждения.
01:40 - Пример использования type assertion.
03:00 - Type assertion + Object.keys().
04:00 - Type assertion + HTML elements.
04:53 - Type assertion + Union.
05:53 - as const assertion.

Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка!

👉 Менторство и поддержка: https://www.patreon.com/wisejs

✔️ Если хочешь изучать программирование  со мной, не забудь подписаться :)
https://www.youtube.com/channel/UCOxq...

✔️ Мой телеграм…
источник