😮 Запускай ноду прямо в браузері. Без сторонніх ремоутних серверів.

WebContainer API - WebAssembly-based operating system which enables Node.js to run entirely inside the browser

Через 2 роки внутрішнього тестування ця апі стала публічною.

Саме на вебконтейнері працює StackBlitz онлайн IDE і тому так все швидко.

Потенціал цієї технології вражає:
→ npm, git, VS Code - все в браузері, сетап в один клік
→ запуск прямо в браузері Java, Python та інших мов
→ нод модулі прямо в браузері

Автори технології ще самі не до кінця розуміють до чого це призведе, ясно тільки що щось нового рівня, не бачене раніше.

А браузер все більше замінює операційну систему. Мені подобається 🙂

Read more:
→ NPM package - https://www.npmjs.com/package/@webcontainer/api

→ https://webcontainers.io/

→ https://blog.stackblitz.com/posts/webcontainer-api-is-here/

💰 Для верселя лайфгак економії - юзати vercel CLI.

Наприклад використовуючи
→ Bitbucket Pipelines
→ GitHub Actions
→ та інші CI/CD інструменти

Тоді не потрібно платити за кожного девелопера в команді по 20 дол щомісяця.

Сьогодні засетапив ✅
Я, команда і клієнт задоволені 😌

Окрім економії - конфігурація деплоя максимально гнучка і можна додавати все що задумається.

Ось приклад з бітбакетом - https://vercel.com/guides/how-can-i-use-bitbucket-pipelines-with-vercel

512+ таргеріанців ❤️

9 біт не вистачить щоб описати наскільки нас багато і які всі круті 😎

Усім дякую 🤗
Го далі! 🔝 🔝

#milestone

Приватна група по JavaScript 🔐

Створив на прохання підписників ✅

Там кожен може задавати питання, допомогти і просити допомоги, генерувати ідеї для обговорення 💡

Радий усім бажаючим, приходьте - https://news.1rj.ru/str/+V5NcDSoFFz83MDRi

хей хей, а я знаю як вам цікаво і корисно провести вечір 😏

Адже я щойно запаблішив нове відео мого туторіала 👍

⭐ Голим TypeScript пишу нейромережу. Part 2. ⭐️

YouTube video - https://youtu.be/PK6Q7VV1XPM

🧠 Продовжую туторіал, де я поступово разом з вами пишу нейронку щоб розпізнати рукописні цифри.

Без сторонніх бібліотек. Вся нейронка чистим TypeScript.

Перші 90% проєкту пройдено 🎉

Розкрив майже всі теоретичні топіки необхідні для розуміння нейронки:
→ MLP = Multi Layer Perceptron
→ Feedforward neural networks
→ Stochastic Gradient Descent algorithm
→ Cost function
→ MSE = Mean Squared Error

І звісно запушив новий код на гітхаб.

Чекаю ваші:
→ відгуки 😘
→ зірки на гітхабі ⭐
→ репости ➕

Сподіваюсь дам натхнення багатьом девелоперам серйозно ознайомитись з темою і юзати нейронки прямо на фронтенді 💡

#tutorial #neuralnetworks #deeplearning #youtube #ml

🔝 zod - ТОПова ліба для валідації схем.
А в звʼязці з react-hook-form (via zodResolver) - шикарне рішення для 99% задач по формам.

Тому що zod:
→ сходу написана на TypeScript ✅
→ 19.7K ⭐️ GitHub
→ лаконічна і строга (всі філди обовʼязкові по дефолту на відміну від yup, strict tsconfig etc)
→ очевидні типи і логіка валідації

Зокрема автор ліби пояснює як робити кондішинал валідацію гарніше ніж придумав yup:
→ .refine
→ .superRefine - тут можна все дуже гарно реюзати, типізувати і видавати релевантні ерори.

Насправді альтернатива зода - яп - теж доволі хороша ліба.
Пару років юзав яп і ок.
Але “магія джаваскрипта” яка початково існувала в япі дає про себе знати.

На практиці:
→ юзаю yup бо так історично склалось
→ активні проєкти поступово рефакторю на zod
→ нові проєкти пишу з zod

І вам рекомендую 👉

Хто хоче холіварити яка ліба краще - Zod or Yup - саме час це зробити в коментах 😃

#coding

Регулярки бувають дуже складні.

Відмічу два інструменти:
1. Сайт https://regexr.com/
2. Ліба https://regexp.dev/ (magic-regexp)

> Стосовно сайта regexr.com - це ТОП 🥇

Я постійно ним користуюсь:
→ коли треба написати чи продебажити регулярку
→ легкий і зручний інтерфейс
→ весь синтаксис розписаний, категоризований
→ візуалізація паттернів
→ легко тестувати, особливо граничні кейси

Чесно, цей сайт вирішив задачі всіх регулярок з якими я стикався досі за 10+ років девелопмента.
Саме на цьому сайті я нормально вивчив синтаксис регулярних виразів.

> Стосовно ліби regexp.dev

Нещодавно про неї дізнався (дякую підписникам)
→ 3K ⭐️ GitHub
→ TypeScript generics inferred ❤️
→ дока розписана гарно і добре
→ використовує builder pattern щоб будувати складні регулярки крок за кроком

Виглядає цікаво і вже знайшла багато своїх фанатів.
Можливо буду юзати, а поки KISS - сайту цілком вистачає.

> Clean code points

→ всі регулярки винось в очевидно іменовані константи, наприклад регулярка на пікчі це славнозвісний EMAIL_VALIDATION_REGEX
→ коли назви не вистачає, розпиши JSDoc коментарем суть регулярки
→ опиши приклади: базовий та граничні кейси

#coding #software #regex