#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Build a CRUD App With Only JSON Files Using a Node.js API
https://adevait.com/nodejs/build-a-crud-app-with-only-json-files
#coding
#node
https://adevait.com/nodejs/build-a-crud-app-with-only-json-files
#coding
#node
Adeva
Build a CRUD App With Only JSON Files Using a Node.js API | Adeva
In this tutorial, we'll learn how to create CRUD operations with just JSON files. All you need to follow along is basic Node.js knowledge.
Building a simple tooltip component that never goes off screen
https://medium.com/carwow-product-engineering/building-a-simple-tooltip-component-that-never-goes-off-screen-c7039dcab5f9
#coding
#vue
https://medium.com/carwow-product-engineering/building-a-simple-tooltip-component-that-never-goes-off-screen-c7039dcab5f9
#coding
#vue
Medium
Building a simple tooltip component that never goes off screen
I‘ve seen plenty of UI libraries for tooltips and popovers, but none of them satisfied me. So I built a simple and lightweight one instead.
Tailwind CSS and Dynamic or Conditional Class Names in Vue
https://www.vincentschmalbach.com/tailwind-css-and-dynamic-or-conditional-class-names-in-vue/
#coding
#css
#tailwind
https://www.vincentschmalbach.com/tailwind-css-and-dynamic-or-conditional-class-names-in-vue/
#coding
#css
#tailwind
Vincent Schmalbach
Tailwind CSS and Dynamic or Conditional Class Names in Vue
Tailwind CSS is designed to include only the classes used in your project in the final build CSS file. This approach keeps the file size small and optimizes load times.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Метод утёнка
Forwarded from Senior Frontend Developer | JavaScript, React, HTML & CSS
Использование монад в JavaScript для управления состоянием и побочными эффектами
Монада — это структура данных, которая имеет специальные методы для обработки состояний и побочных эффектов. В JavaScript монады могут быть реализованы с помощью классов или фабричных функций.
Монады являются функциональным паттерном, который позволяет управлять состоянием и побочными эффектами с чистыми функциями. Монады могут показаться сложными на первый взгляд, но они являются мощным инструментом, способным упростить ваш код и сделать его более предсказуемым.
В примере мы создаем класс Maybe, который является реализацией монады. Методы map, chain и join позволяют нам преобразовать значение внутри монады, сохраняя при этом семантику отсутствующего значения. Также мы используем монаду Maybe для извлечения адреса пользователя по его идентификатору. Благодаря монаде мы избегаем проблемы "пробрасывания" null или undefined, и можем безопасно извлечь значение адреса без проверки на наличие всех промежуточных объектов.
Монада — это структура данных, которая имеет специальные методы для обработки состояний и побочных эффектов. В JavaScript монады могут быть реализованы с помощью классов или фабричных функций.
Монады являются функциональным паттерном, который позволяет управлять состоянием и побочными эффектами с чистыми функциями. Монады могут показаться сложными на первый взгляд, но они являются мощным инструментом, способным упростить ваш код и сделать его более предсказуемым.
В примере мы создаем класс Maybe, который является реализацией монады. Методы map, chain и join позволяют нам преобразовать значение внутри монады, сохраняя при этом семантику отсутствующего значения. Также мы используем монаду Maybe для извлечения адреса пользователя по его идентификатору. Благодаря монаде мы избегаем проблемы "пробрасывания" null или undefined, и можем безопасно извлечь значение адреса без проверки на наличие всех промежуточных объектов.
Forwarded from Frontender Libs - обзор библиотек JS / CSS
Gun.js
Gun.js — это библиотека JavaScript, предназначенная для создания децентрализованных графовых баз данных, поддерживающих работу в реальном времени. Gun.js используется для разработки приложений, которые могут синхронизироваться между разными устройствами без необходимости наличия центрального сервера, что делает её полезной для создания P2P-приложений и оффлайн-функциональности.
👉 @sWebDev
Gun.js — это библиотека JavaScript, предназначенная для создания децентрализованных графовых баз данных, поддерживающих работу в реальном времени. Gun.js используется для разработки приложений, которые могут синхронизироваться между разными устройствами без необходимости наличия центрального сервера, что делает её полезной для создания P2P-приложений и оффлайн-функциональности.
👉 @sWebDev
Forwarded from CodeCamp
Полезное-ночное: нашёл огромный репозитарий, до отказа забитый Bash-скриптами.
До отказа — значит, что их там больше тысячи на все случаи жизни:
До отказа — значит, что их там больше тысячи на все случаи жизни:
AWS, GCP, Kubernetes, Docker, CI/CD, APIs, SQL, PostgreSQL, MySQL, Hive, Impala, Kafka, Hadoop, Jenkins, GitHub, GitLab, BitBucket, Azure DevOps, TeamCity, Spotify, MP3, LDAP, Code/Build Linting, pkg mgmt для Linux, Mac, Python, Perl, Ruby, NodeJS, Golang, .bashrc, .vimrc, .gitconfig, .screenrc, tmux...
Forwarded from Вайб кодинг
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Веб-страница
Vue.js и Vite — что нового в 2024 году?
Evan You на VueConf US 2024 рассказал о свежих обновлениях в экосистеме Vue и Vite.
Хотите узнать, что изменилось в любимом фреймворке? Посмотрите выступление и изучите актуальные фичи:
https://youtu.be/A9MSFp9Fs8k?si=h3O-zli5G35HXXEQ
Evan You на VueConf US 2024 рассказал о свежих обновлениях в экосистеме Vue и Vite.
Хотите узнать, что изменилось в любимом фреймворке? Посмотрите выступление и изучите актуальные фичи:
https://youtu.be/A9MSFp9Fs8k?si=h3O-zli5G35HXXEQ
Download an Entire Webpage with JavaScript, Including Inline CSS
https://medium.com/@neog.anupal101/download-an-entire-webpage-with-javascript-including-inline-css-d38866544c5a
#coding
#js
https://medium.com/@neog.anupal101/download-an-entire-webpage-with-javascript-including-inline-css-d38866544c5a
#coding
#js
Medium
Download an Entire Webpage with JavaScript, Including Inline CSS
Have you ever wanted to download an entire webpage, including its CSS, with a simple click? With the power of JavaScript, you can create a…
Scaling WebSocket Connections using Shared Workers
https://dev.to/ayushgp/scaling-websocket-connections-using-shared-workers-14mj
#coding
#js
#websocket
https://dev.to/ayushgp/scaling-websocket-connections-using-shared-workers-14mj
#coding
#js
#websocket
DEV Community
Scaling WebSocket Connections using Shared Workers
Use SharedWorkers to reduce your server load by managing tabs on same client on one socket connection.
Webdev сохраненки
Scaling WebSocket Connections using Shared Workers https://dev.to/ayushgp/scaling-websocket-connections-using-shared-workers-14mj #coding #js #websocket
GitHub
GitHub - ayushgp/shared-worker-socket-example: An example repository for creating shared socket connections using SharedWorkers
An example repository for creating shared socket connections using SharedWorkers - ayushgp/shared-worker-socket-example
🥇 Лучший способ создания паттерна проектирования Singleton в JavaScript и TypeScript
Делимся эффективными методами реализации паттерна Singleton в JavaScript и TypeScript. Кроме того рассмотрим преимущества паттерна и потенциальные риски его использования.
🔗 Читать статью
🔗 Зеркало
Делимся эффективными методами реализации паттерна Singleton в JavaScript и TypeScript. Кроме того рассмотрим преимущества паттерна и потенциальные риски его использования.
🔗 Читать статью
🔗 Зеркало
Шпаргалка по переходу из веб в Telegram Mini Apps
Разработка может застопориться, если вовремя не изменить подход. Поэтому в Точке Нетворк решили упростить веб-сервис для локального сообщества предпринимателей, перейдя на Telegram Mini Apps.
В статье на Хабре фронтенд-разработчик Глеб Агеев рассказал, почему они это сделали и какой стек использовали.
🔗 Читать статью
Разработка может застопориться, если вовремя не изменить подход. Поэтому в Точке Нетворк решили упростить веб-сервис для локального сообщества предпринимателей, перейдя на Telegram Mini Apps.
В статье на Хабре фронтенд-разработчик Глеб Агеев рассказал, почему они это сделали и какой стек использовали.
🔗 Читать статью
🔥 История веб-фреймворка Hono от его создателя
Hono — это аккуратный, легковесный фреймворк, разработанный для работы в любом рантайме JavaScript, который начал набирать обороты в прошлом году.
Вы можете создать простое приложение, напоминающее Express.js, но запустить его на Cloudflare Workers, Deno, Bun или Node. Он активно используется и имеет много интересных фич, включая возможности писать HTML с помощью JSX.
👉 Читать
Hono — это аккуратный, легковесный фреймворк, разработанный для работы в любом рантайме JavaScript, который начал набирать обороты в прошлом году.
Вы можете создать простое приложение, напоминающее Express.js, но запустить его на Cloudflare Workers, Deno, Bun или Node. Он активно используется и имеет много интересных фич, включая возможности писать HTML с помощью JSX.
👉 Читать
Forwarded from FrontEndDev
Встречайте новый оператор безопасного присвоения
Какие плюсы использования оператора
https://jsdev.space/safe-assignment-operator/
Какие плюсы использования оператора
?=
и в каких кейсах его можно использовать.https://jsdev.space/safe-assignment-operator/