JavaScript

Как настроить Next.js на TypeScript, чтобы получить оценку в 100% от Google Lighthouse и Vercel Analytics Начнем с создания нового приложения Next.js: $ yarn create next-app — typescript В корне проекта Next.js на TypeScript будут созданы файлы next-env.d.ts и tsconfig.json. Файл next-env.d.ts делает так, чтобы типы Next.js были подобраны компилятором TypeScript. Его не нужно удалять или редактировать. Файл tsconfig.json  —  это пользовательская конфигурация компилятора TypeScript. Если понадобятся дополнительные типы, нужно создать *.d.ts в корне и сослаться на него в массиве include файла tsconfig.json. Более подробную информацию можно найти в официальной документации. @about_javascript

​Prettier - прекрасный форматировщик кода Он обеспечивает согласованный стиль, анализируя ваш код и перепечатывая его со своими собственными правилами, учитывая максимальную длину строки, и, при необходимости, обертывая код. JavaScript · TypeScript · Flow · JSX · JSON CSS · SCSS · Less HTML · Vue · Angular GraphQL · Markdown · YAML ⤷ Ссылка на проект GitHub | #Code #Correction

Activate Button animation Кнопка с анимацией активации, реализованная с помощью CSS и JavaScript. #кнопка #css #javascript

​​Open Video Downloader – Кроссплатформенный графический интерфейс для упрощения загрузки видео с различных медиахолдингов, созданный на Electron и node.js. Особенности: • Скачивание со всех платформ: YouTube, vimeo, twitter и многих других. • Возможность загружать несколько видео / плейлистов / каналов за один раз • Возможность выбора разрешения и формата, в котором вы хотите скачать • Скачивание частных видео (в настоящее время проверено только на YouTube) • Многопоточность (до 32 видео могут быть загружены одновременно) GitHub | #JavaScript #Downloader #Useful

Что выведет консоль?

Plotly.js — Библиотека построения графиков на JavaScript с открытым исходным кодом Позволяет добавлять различные виды диаграмм и графиков в проект. Особенности / преимущества: ✔️Предоставляет более чем 40 типов диаграмм, включая трехмерные ✔️Доступна для JavaScript, Python, R, F# и т.д ✔️Построена на основе d3.js и stack.gl ✔️Открытый исходный код https://github.com/plotly/plotly.js 👉 @frontend_1

​Tesseract.js – Библиотека для извлечения/распознавания текста на изображениях, поддерживает почти любой язык. #GitHub | #JavaScript #OCR 👉 @Githublib

ToDoList: Найди ошибку в JS-коде, фреймворк React https://tproger.ru/articles/todolist-najdi-oshibku-v-js-kode-frejmvork-react/ @about_javascript

Dark mode toggle switcher Переключатель светлого и темного режима, реализованный на чистом CSS. #переключатель #css

Broxus Elysium Hackathon в Белграде и онлайн Broxus, один из главных разработчиков сети Everscale, бросает вызов всем талантливым девелоперам! В Белграде (Сербия) 14-17 июля пройдет хакатон, где участники будут бороться за призовой фонд в размере 30.000 долларов и специальный приз зрительских симпатий! 💸 Участие бесплатное! На хакатоне участников ждут 3 трека: - сделать MVP cross-chain даппа - создать полезные инструменты разработки - показать что такое лучший UX/UI На площадке и в онлайне будут крутые менторы, которые поделятся опытом и советом. После награждения участников ждет вечеринка на дебаркадере с классным диджеем! В онлайне тоже не будет скучно! 👉 Узнать подробнее о хакатоне и зарегистрироваться можно на сайте: https://l1.broxus.com/hackathon 👋 Обсудить хакатон в телеграме https://t.me/broxus_elysium и дискорде https://discord.gg/6dryaZQNmC

Symbol в JavaScript [типы данных] https://dev-gang.ru/article/symbol-v-javascript-tipy-dannyh-wgsy4pttu1/ @about_javascript

Fit Text Подгонка текста по ширине окна просмотра, реализованная с помощью переменных CSS и JavaScript. #текст #css #javascript

Пишем чистый код при помощи деструктуризации объектов в JavaScript Деструктуризация — это синтаксис, который позволяет распаковывать значения из массивов или свойства из объектов в переменные. Что нам это дает? Возможность писать более чистый и понятный код, экономя время и количество строк. Читать @about_javascript

Menu Animation Анимация кнопки меню, реализованная с помощью CSS и JavaScript. #анимация #меню #кнопка #css #javascript

Настройка Module Federation в Angular с помощью Nx https://dev-gang.ru/article/nastroika-module-federation-v-angular-s-pomosczu-nx-vf5f3x3r1p/ @about_javascript

Введение в регулярные выражения в JavaScript https://nuancesprog.ru/p/7938/ @about_javascript

Совместное использование компонентов React с Webpack 5 https://nuancesprog.ru/p/15900/ @about_javascript

11 сверхполезных советов для JavaScript разработки https://nuancesprog.ru/p/6214/ @javascriptv