Global vs. Local Styling в Next.js
Next.js твердо придерживается мнения о том, как организовать JavaScript, но не CSS. Как мы можем разработать шаблоны, которые поощряют лучшие практики CSS, при этом следуя логике фреймворка? Ответ на удивление прост - написать хорошо структурированный CSS, уравновешивающий глобальные и локальные стили.
https://www.smashingmagazine.com/2021/07/global-local-styling-nextjs/
Next.js твердо придерживается мнения о том, как организовать JavaScript, но не CSS. Как мы можем разработать шаблоны, которые поощряют лучшие практики CSS, при этом следуя логике фреймворка? Ответ на удивление прост - написать хорошо структурированный CSS, уравновешивающий глобальные и локальные стили.
https://www.smashingmagazine.com/2021/07/global-local-styling-nextjs/
Smashing Magazine
Global vs. Local Styling In Next.js — Smashing Magazine
Next.js has strong opinions about how to organize JavaScript but not CSS. How can we develop patterns that encourage best CSS practices while also following the framework’s logic? The answer is surprisingly simple — to write well-structured CSS that balances…
👍1
Команда React недавно анонсировала план для React 18, предлагающий множество интересных новых функций, таких как автоматическое пакетирование, новая архитектура SSR-приостановки и новые API-интерфейсы, которые используют параллельный рендеринг, такие как startTransition API.
https://medium.com/dailyjs/three-practical-examples-of-concurrent-react-b2dba2272a4d
https://medium.com/dailyjs/three-practical-examples-of-concurrent-react-b2dba2272a4d
Medium
Three Practical Examples of Concurrent React
Optimizing Performance using React 18 startTransition API
JavaScript: как из Fetch сделать Axios?
В этой статье автор поделиться с вами результатами небольшого эксперимента, суть которого заключается в создании обертки над Fetch API для максимального упрощения работы с ним.
https://habr.com/ru/company/timeweb/blog/571252/
В этой статье автор поделиться с вами результатами небольшого эксперимента, суть которого заключается в создании обертки над Fetch API для максимального упрощения работы с ним.
https://habr.com/ru/company/timeweb/blog/571252/
Хабр
JavaScript: как из Fetch сделать Axios?
Привет, друзья! В этой статье я хочу поделиться с вами результатами небольшого эксперимента, суть которого заключается в создании обертки над Fetch API для максимального упрощения работы с ним. С...
Управление реактивным состоянием и эффектами с помощью RxJS.
Библиотека предоставляет способ описания бизнес-логики с использованием MVC-подобной архитектуры. Основные элементы включают действия и эффекты, состояния и хранилища. Все они являются опциональными и могут использоваться отдельно. Базовый пакет не зависит от фреймворков и может использоваться в различных окружениях. Есть тулинг для React.
https://github.com/mnasyrov/rx-effects
Библиотека предоставляет способ описания бизнес-логики с использованием MVC-подобной архитектуры. Основные элементы включают действия и эффекты, состояния и хранилища. Все они являются опциональными и могут использоваться отдельно. Базовый пакет не зависит от фреймворков и может использоваться в различных окружениях. Есть тулинг для React.
https://github.com/mnasyrov/rx-effects
GitHub
GitHub - mnasyrov/rx-effects: Reactive state and effect management with RxJS
Reactive state and effect management with RxJS. Contribute to mnasyrov/rx-effects development by creating an account on GitHub.
Приёмы ускорения кода на JS и других языках: подборка от разработчика поиска Яндекса.
Привет! Меня зовут Виктор Хомяков, в Яндексе я работаю над скоростью страниц поиска. Однажды мне в голову пришла идея обобщить свой опыт и систематизировать приёмы ускорения работы кода на JavaScript. То, что получилось в итоге, собрано в этом материале.
https://habr.com/ru/company/yandex/blog/570914/
Привет! Меня зовут Виктор Хомяков, в Яндексе я работаю над скоростью страниц поиска. Однажды мне в голову пришла идея обобщить свой опыт и систематизировать приёмы ускорения работы кода на JavaScript. То, что получилось в итоге, собрано в этом материале.
https://habr.com/ru/company/yandex/blog/570914/
Хабр
Приёмы ускорения кода на JS и других языках: подборка от разработчика поиска Яндекса
Привет! Меня зовут Виктор Хомяков, в Яндексе я работаю над скоростью страниц поиска. Однажды мне в голову пришла идея обобщить свой опыт и систематизировать приёмы ускорения работы кода на JavaScript....
Вышла Vue 3.2
Мы рады объявить о выпуске Vue.js 3.2 "Quintessential Quintuplets"! Этот релиз включает в себя множество значительных новых функций и улучшений производительности и не содержит критических изменений.
https://habr.com/ru/post/572250/
Мы рады объявить о выпуске Vue.js 3.2 "Quintessential Quintuplets"! Этот релиз включает в себя множество значительных новых функций и улучшений производительности и не содержит критических изменений.
https://habr.com/ru/post/572250/
Хабр
Вышла Vue 3.2
Эта статья — перевод оригинальной статьи Evan You "Vue 3.2 Released!"Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.ВступлениеМы...
Среднее время загрузки страницы в 2021 году.
https://machmetrics.com/speed-blog/average-page-load-time-in-2021/
https://machmetrics.com/speed-blog/average-page-load-time-in-2021/
Speedy.Site Wordpress Speed Optimization Service Guaranteed
Average Page Load Time in 2021 - Speedy.Site Wordpress Speed Optimization Service Guaranteed
Website performance & speed plays a major role in the success of an online business. High-performing fast sites attract and preserve users better than
Разрабатываем интерактивную диаграмму Ганта на чистом JavaScript.
https://www.smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/
https://www.smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/
Smashing Magazine
Creating An Interactive Gantt Chart Component With Vanilla JavaScript (Part 1) — Smashing Magazine
In this article, we will code a Gantt chart as a reusable Web component. We will focus on the architecture of the component, rendering the calendar with CSS Grid and managing the state of the draggable tasks with JavaScript Proxy Objects.
7 методов создания хороших переменных в JavaScript.
https://blog.alexdevero.com/good-javascript-variables/
https://blog.alexdevero.com/good-javascript-variables/
Alex Devero Blog
7 Practices to Create Good JavaScript Variables
Naming variables is not a rocket science. Learn 7 practices that will help you create good JavaScript variables and make your code cleaner.
Как и зачем маркетинговый сайт Notion переехал на Next.js со статической генерацией страниц.
https://www.notion.so/blog/migrating-notion-marketing-to-next-js
https://www.notion.so/blog/migrating-notion-marketing-to-next-js
Notion
Migrating Notion's marketing site to Next.js
We are improving performance and user experience by migrating from a client-rendered marketing site to a static site generated by Next.js.
Что нового в Node.js? Обзор малоизвестных, но полезных возможностей, появившихся в свежих версиях Node.js
https://simonplend.com/whats-new-in-node-js-core/
https://simonplend.com/whats-new-in-node-js-core/
Simon Plenderleith
What's new in Node.js core?
It can be so easy to miss when new features are added to Node.js core. This series will help you stay up-to-date.
JavaScript: о том, что нас ждет в следующем году.
-
- метод
- метод
- флаг
- 5 предложений для классов (специальные проверки для частных полей, блоки статической инициализации и др.)
https://habr.com/ru/company/timeweb/blog/577760/
-
await верхнего уровня- метод
at() для индексируемых сущностей- метод
hasOwn() для объектов- флаг
d для регулярных выражений- 5 предложений для классов (специальные проверки для частных полей, блоки статической инициализации и др.)
https://habr.com/ru/company/timeweb/blog/577760/
Хабр
JavaScript: о том, что нас ждет в следующем году
Привет, друзья! Не за горами 2022 год, а это значит, что пришло время познакомиться с новыми возможностями, которыми нас порадует ECMAScript2022 . Вот о чем мы поговорим в этой статье: await верхнего...
Best JavaScript Frameworks and Libraries.
https://reconshell.com/best-javascript-frameworks-and-libraries/
https://reconshell.com/best-javascript-frameworks-and-libraries/
Penetration Testing Tools, ML and Linux Tutorials
Best JavaScript Frameworks and Libraries - Penetration Testing Tools, ML and Linux Tutorials
Although there are over 200+ programming languages to help developers all over the world, millions of developers are taken away by the benefits of
Сравнение методов добавления и вставки с помощью JavaScript.
https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/
https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/
CSS-Tricks
Comparing Methods for Appending and Inserting With JavaScript | CSS-Tricks
Let's say we want to add something to a webpage after the initial load. JavaScript gives us a variety of tools. Perhaps you've used some of them, like append,
Observer Pattern в JavaScript — ключ к реактивному поведению.
https://blog.bitsrc.io/the-observer-pattern-in-javascript-the-key-to-a-reactive-behavior-f28236e50e10
https://blog.bitsrc.io/the-observer-pattern-in-javascript-the-key-to-a-reactive-behavior-f28236e50e10
Medium
The Observer Pattern in JavaScript — the Key to a Reactive Behavior
A closer look at one of my favorite design patterns and why it’s so relevant in today’s reactive world
Топ-50 вопросов и ответов для интервью на JavaScript.
https://reconshell.com/frequently-asked-javascript-interview-questions-and-answers
https://reconshell.com/frequently-asked-javascript-interview-questions-and-answers
Penetration Testing Tools, ML and Linux Tutorials
Frequently Asked JavaScript Interview Questions and Answers - Penetration Testing Tools, ML and Linux Tutorials
JavaScript has proved itself as a versatile and scalable scripting language all over time. It is one of the most popular scripting languages in the web