#nuxt #tool

​​Introducing @nuxt/components: module to scan and auto import components for Nuxt.js 2.10+

No need to import your components anymore.

- Scan and auto import components
- Multiple paths with customisable prefixes and patterns
- Lazy loading support
- Hot replacement
- Support for library authors

https://github.com/nuxt/components

#nuxt #vue #ts

#js #tips

Понравилась статья про промисы. Очень даже неплохо расписано!

https://habr.com/ru/post/501702/?

#fullstack #js #node #react #mongo #course #english #нереклама

Бесплатный курс по фулстек-разработке на JS в стеке MERN (MongoDB, Express.js, React.js, Node.js). 10,5 часов. Еще два дня можно бесплатно зарегаться.

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

https://www.udemy.com/course/mern-stack-master-course-building-your-own-instagram/?couponCode=ENJOYLOCKDOWN4

#frontend #mobile #js #react #course #english #нереклама

Еще один временно бесплатный курс по мобильной разработке на ReactNative (js). 14 часов.

Мобильная разработка при тех же трудозатратах часто стоит в разы больше, чем аналогичная веб-разработка. Есть, конечно, еще Vue Native, но он построен поверх React Native, и по нему еще не выложили бесплатный курс :)

Если уже знаешь React/Vue, то подумай: может, стоит перейти на мобилку? А? А? ;)

Я зарегался, а вы - как хотите.

https://www.udemy.com/course/react-native-and-redux-course-using-hooks/?couponCode=ENJOYLOCKDOWN

Вай, господа, забыл промокоды добавить!😅 Теперь добавил)

#js #tips

Декораторы в JavaScript

Декораторы — это объекты, которые используются для динамического добавления дополнительной функциональности к другому объекту без изменения реализации этого объекта.

Подробнее: https://nuancesprog.ru/p/7110/

#javascript #bestpractices

Всем привет!

В списке моих каналов - прибавление 😁

https://t.me/svelte_uncolored

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

В связи с этим я решил начать копить материалы по Svelte на отдельном канале. Присоединяйтесь - будем разбираться с ним вместе ;)

#vuejs #english

Еще немножко про Vue 3

https://blog.bitsrc.io/vuejs-3-0-0-beta-features-im-excited-about-c70b82fac163

#js #tools #english

D3.js — очень популярный фреймворк для визуализации данных.
Думаю, хорошему фронтендеру очень полезно его освоить.

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

https://medium.com/javascript-in-plain-english/how-to-make-stunning-data-visualizations-with-d3-js-93a588600b45

Использование CSS-масок и SVG для создания зубчатых краев.

https://css-tricks.com/using-css-masks-to-create-jagged-edges/

Практическое руководство по TypeScript

Создайте собственный покедекс на HTML, CSS и TypeScript!

Подробнее: https://www.freecodecamp.org/news/a-practical-guide-to-typescript-how-to-build-a-pokedex-app-using-html-css-and-typescript/

#typescript #beginners

Практическое руководство по TypeScript

Создайте собственный покедекс на HTML, CSS и TypeScript!

Подробнее: https://www.freecodecamp.org/news/a-practical-guide-to-typescript-how-to-build-a-pokedex-app-using-html-css-and-typescript/

#typescript #beginners

#backend #js #deno #tools

В последнее время все про Deno начали говорить.

https://www.youtube.com/watch?v=_cGOQbJehBQ&feature=youtu.be

#frontend #tools

Браузер заточенный специально для отладки адаптивности. Может пригодится!

https://manojvivek.github.io/responsively-app/

Ormolu is a formatter for #haskell source code. The project was created with the following goals in mind:

- Using GHC's own parser to avoid parsing problems caused by haskell-src-exts.
- Let some whitespace be programmable. The layout of the input influences the layout choices in the output. This means that the choices between single-line/multi-line layouts in each particular situation are made by the user, not by an algorithm. This makes the implementation simpler and leaves some control to the user while still guaranteeing that the formatted code is stylistically consistent.
- Writing code in such a way so it's easy to modify and maintain.
- Implementing one “true” formatting style which admits no configuration.
- That formatting style aims to result in minimal diffs while still remaining very close to “conventional” Haskell formatting people use.
- Choose a style compatible with modern dialects of Haskell. As new Haskell extensions enter broad use, we may change the style to accomodate them.
- Idempotence: formatting already formatted code doesn't change it.
- Be well-tested and robust to the point that it can be used in large projects without exposing unfortunate, disappointing bugs here and there.

https://github.com/tweag/ormolu

Как работает JavaScript

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

Статья рассказывает о принципиальной схеме самого популярного движка JavaScript - V8, а также немного о сути интерпретации и компиляции кода и о JIT-компиляции.

Вкратце:
1. Парсер разбирает код на значимые части.
2. Строится абстрактное синтаксическое дерево (AST).
3. Интерпретатор создает байт-код, который сразу же начинает выполняться в браузере, чтобы пользователь не ждал.
4. Одновременно профайлер и компилятор работают над оптимизацией кода.
5. Как только готова оптимизированная версия, она заменяет временный байт-код.

Подробнее: https://nuancesprog.ru/p/4553/

#javascript #v8 #engine #browser