How to Drag and Drop in React
Drag and drop is a basic UI expectation in many scenarios. Robin, always a well-regarded instructor, walks though the creation of a drag and drop capable component step-by-step. - https://www.robinwieruch.de/react-drag-and-drop/
#react
Drag and drop is a basic UI expectation in many scenarios. Robin, always a well-regarded instructor, walks though the creation of a drag and drop capable component step-by-step. - https://www.robinwieruch.de/react-drag-and-drop/
#react
www.robinwieruch.de
How to Drag and Drop in React
A tutorial about using Drag and Drop in React by example for a vertical list (later horizontal list) with @hello-pangea/dnd as DnD library ...
👍5🥰1
Speeding Up the JavaScript Ecosystem: npm Scripts
The latest in a fascinating series on finding ‘low hanging fruit’ when it comes to performance. The author explains this one best himself: “‘npm scripts’ are executed by JavaScript developers … all the time. Despite their high usage they are not particularly well optimized and add about 400ms of overhead. In this article we were able to bring that down to ~22ms.” - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-4/
#nodejs
The latest in a fascinating series on finding ‘low hanging fruit’ when it comes to performance. The author explains this one best himself: “‘npm scripts’ are executed by JavaScript developers … all the time. Despite their high usage they are not particularly well optimized and add about 400ms of overhead. In this article we were able to bring that down to ~22ms.” - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-4/
#nodejs
marvinh.dev
Speeding up the JavaScript ecosystem - npm scripts
'npm scripts' are executed by JavaScript developers and CI systems all around the world all the time. Despite their high usage they are not particularly well optimized and add about 400ms of overhead. In this article we were able to bring that down to ~22ms.
❤3👍3
A Business Case for SvelteKit
A good post covering the experience of migrating from Meteor to SvelteKit, the process this team undertook, and the outcomes from both a performance and UX point of view. - https://elliscs.hashnode.dev/a-business-case-for-sveltekit
#svelte
A good post covering the experience of migrating from Meteor to SvelteKit, the process this team undertook, and the outcomes from both a performance and UX point of view. - https://elliscs.hashnode.dev/a-business-case-for-sveltekit
#svelte
❤3👍1
Weekend Offer ВКонтакте для фронтенд- и бэкенд-разработчиков
15-16 апреля разработчики смогут пообщаться с командами ВКонтакте по направлениям B2C и B2B и получат возможность присоединиться к одной из них.
13 апреля — последний день, когда можно отправить отклик.
15-16 апреля разработчики смогут пообщаться с командами ВКонтакте по направлениям B2C и B2B и получат возможность присоединиться к одной из них.
13 апреля — последний день, когда можно отправить отклик.
🤮4❤1👍1
CSS Nesting
Adam Argyle gives an in-depth introduction to native CSS nesting.https://developer.chrome.com/articles/css-nesting/
#css
Adam Argyle gives an in-depth introduction to native CSS nesting.https://developer.chrome.com/articles/css-nesting/
#css
Chrome for Developers
CSS Nesting | Chrome for Developers
One of our favorite CSS preprocessor features is now built into the language: nesting style rules.
👍4❤1🥰1
Composing Layouts with Vue Router
Read more to find out how to use Vue Router's named views & route records to build organized & consistent webpages. Easily switch between views & create flexible & reusable layouts - https://vueschool.io/articles/vuejs-tutorials/composing-layouts-with-vue-router/
#vue
Read more to find out how to use Vue Router's named views & route records to build organized & consistent webpages. Easily switch between views & create flexible & reusable layouts - https://vueschool.io/articles/vuejs-tutorials/composing-layouts-with-vue-router/
#vue
vueschool.io
Composing Vue Layouts with Vue Router - Vue School Articles
Learn how to compose Vue layouts using Vue Router. Explore best practices for Vue Router layouts to enhance app structure and scalability.
👍4❤2
Five Mistakes I Made When Starting My First React Project
Richard shares his early React mistakes with the hope you can learn from his misfortunes. He tackles topics like using defaultProps, propTypes, and class components. - https://css-tricks.com/5-mistakes-starting-react/
#react
Richard shares his early React mistakes with the hope you can learn from his misfortunes. He tackles topics like using defaultProps, propTypes, and class components. - https://css-tricks.com/5-mistakes-starting-react/
#react
CSS-Tricks
5 Mistakes I Made When Starting My First React Project | CSS-Tricks
You know what it's like to pick up a new language or framework. Sometimes there’s great documentation to help you find your way through it. But even the best
👍6❤4
Node.js Compatibility for Cloudflare Workers
Cloudflare Workers is a popular serverless platform that uses V8 isolates rather than a Node runtime. This has meant support for Node functions has been lacking, but things are changing with support for AsyncLocalStorage, EventEmitter, Buffer, assert, and parts of util now available to use with more to follow. - https://blog.cloudflare.com/workers-node-js-asynclocalstorage/
#nodejs
Cloudflare Workers is a popular serverless platform that uses V8 isolates rather than a Node runtime. This has meant support for Node functions has been lacking, but things are changing with support for AsyncLocalStorage, EventEmitter, Buffer, assert, and parts of util now available to use with more to follow. - https://blog.cloudflare.com/workers-node-js-asynclocalstorage/
#nodejs
The Cloudflare Blog
Node.js compatibility for Cloudflare Workers – starting with Async Context Tracking, EventEmitter, Buffer, assert, and util
Over the coming months, Cloudflare Workers will start to roll out built-in compatibility with Node.js core APIs as part of an effort to support increased compatibility across JavaScript runtimes.
❤2👍1
How Angular Development Company Can Help New Businesses Grow
Knowing where to begin and how to best use your resources for new businesses, especially startups, can often… - https://medium.com/front-end-weekly/how-angular-development-company-can-help-new-businesses-grow-1ffa012824be
#angular
Knowing where to begin and how to best use your resources for new businesses, especially startups, can often… - https://medium.com/front-end-weekly/how-angular-development-company-can-help-new-businesses-grow-1ffa012824be
#angular
Medium
How Angular Development Company Can Help New Businesses Grow
Knowing where to begin and how to best use your resources for new businesses, especially startups, can often be confusing. With many…
👍4❤2
TypeScript Challenge: Implement the Built-In Omit<T, K> Utility Type
Master TypeScript Omit Generic, Complete Type Challenges Together, and Solidify Your TypeScript Knowledge. - https://blog.bitsrc.io/typescript-challenge-implement-the-built-in-omit-t-k-utility-type-5e953d5c94c
#typescript
Master TypeScript Omit Generic, Complete Type Challenges Together, and Solidify Your TypeScript Knowledge. - https://blog.bitsrc.io/typescript-challenge-implement-the-built-in-omit-t-k-utility-type-5e953d5c94c
#typescript
Medium
Type Challenges: Implement the Built-In Omit<T, K> Utility Type
Master TypeScript Omit Generic, Complete Type Challenges Together, and Solidify Your TypeScript Knowledge.
👍4🔥1
Vue Options API To Composition API Migration Cheat Sheet
The composition API has become the new recommended approach for creating for Vue.js Components. In this post explore some useful tips and tricks to migrating your Vue.js application from the Options API to the Composition API. - https://vueschool.io/articles/vuejs-tutorials/options-api-vs-composition-api/
#vue
The composition API has become the new recommended approach for creating for Vue.js Components. In this post explore some useful tips and tricks to migrating your Vue.js application from the Options API to the Composition API. - https://vueschool.io/articles/vuejs-tutorials/options-api-vs-composition-api/
#vue
vueschool.io
Vue Options API vs Composition API - Vue School Articles
Compare Vue Options API vs Composition API. Learn their differences, advantages, and when to use each for efficient Vue.js development.
👍7
Hiding Empty Elements With CSS :empty and :has()
Tobias Ahlin Bjerrome outlines a practical use case for :has() pseudo-class. - https://tobiasahlin.com/blog/hiding-an-element-if-its-empty
#css
Tobias Ahlin Bjerrome outlines a practical use case for :has() pseudo-class. - https://tobiasahlin.com/blog/hiding-an-element-if-its-empty
#css
Tobiasahlin
Hiding empty elements with CSS :empty and :has()
You might be used to toggling classes on elements to handle state styles. What if we could just write CSS that reflected the state of the DOM?
👍10
Most Useful Angular Features You’ve Probably Never Used
In this article, we’ll highlight some of the most useful Angular features you may have never heard of. - https://javascript.plainenglish.io/most-useful-angular-features-youve-probably-never-used-a64522e747a9
#angular
In this article, we’ll highlight some of the most useful Angular features you may have never heard of. - https://javascript.plainenglish.io/most-useful-angular-features-youve-probably-never-used-a64522e747a9
#angular
Medium
Most Useful Angular Features You’ve Probably Never Used
In this article, we’ll highlight some of the most useful Angular features you may have never heard of.
❤4👍4
The Landscape of npm Packages for CLI Apps
If you want to create a CLI app, there are a lot of options nowadays for covering areas like pretty output, parsing arguments, and accepting user input. This post rounds up some of the options in these various areas. - https://blog.kilpatrick.cloud/posts/node-cli-app-packages/
#ndejs
If you want to create a CLI app, there are a lot of options nowadays for covering areas like pretty output, parsing arguments, and accepting user input. This post rounds up some of the options in these various areas. - https://blog.kilpatrick.cloud/posts/node-cli-app-packages/
#ndejs
blog.kilpatrick.cloud
The Landscape of npm Packages for CLI Apps
A survey of popular packages for Node.js CLI development and recommendations for new command-line apps.
👍3
6 Top VS Code extensions for Vue.js Developers in 2023
If you're a web developer, you're probably using or have used Visual Studio Code. Learn some top 6 Visual Studio Code extensions that can boost your Vue.js development experience if you integrate them in your into your IDE and workflow! - https://vueschool.io/articles/vuejs-tutorials/6-top-vs-code-extensions-for-vue-js-developers-in-2023/
#vue
If you're a web developer, you're probably using or have used Visual Studio Code. Learn some top 6 Visual Studio Code extensions that can boost your Vue.js development experience if you integrate them in your into your IDE and workflow! - https://vueschool.io/articles/vuejs-tutorials/6-top-vs-code-extensions-for-vue-js-developers-in-2023/
#vue
vueschool.io
6 Top VS Code extensions for Vue.js Developers in 2023 - Vue School Articles
If you're a web developer, you're probably using or have used Visual Studio Code. After all, it is the most widely used code editor. Its popularity stems mostly from the fact that it is primarily open-source, widely customizable, and extendable.
👍11
Laying Out a Print Book With CSS
Ian G McDowell shares how he created a physical book using CSS. - https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/
#css
Ian G McDowell shares how he created a physical book using CSS. - https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/
#css
Iangmcdowell
Laying Out a Print Book With CSS
In which I embark on a quixotic quest to make a physical book using web rendering technology.
👍6
3 Steps to bootstrap an Angular app without AppModule
Bootstrapping a standalone component - https://medium.com/geekculture/3-steps-to-bootstrap-an-angular-app-without-appmodule-4985b49127ef
#angular
Bootstrapping a standalone component - https://medium.com/geekculture/3-steps-to-bootstrap-an-angular-app-without-appmodule-4985b49127ef
#angular
Medium
3 Steps to bootstrap an Angular app without AppModule
Bootstrapping a standalone component
👍4👎1
Backend for frontend (BFF) pattern— why do you need to know it?
Our typical issue starts when we need to integrate some API to our mobile app. Let’s imagine the case when… - https://medium.com/mobilepeople/backend-for-frontend-pattern-why-you-need-to-know-it-46f94ce420b0
#bff
Our typical issue starts when we need to integrate some API to our mobile app. Let’s imagine the case when… - https://medium.com/mobilepeople/backend-for-frontend-pattern-why-you-need-to-know-it-46f94ce420b0
#bff
Medium
Backend for frontend (BFF) pattern— why do you need to know it?
Our typical issue starts when we need to integrate some API to our mobile app. Let’s imagine the case when you need to create a mobile app…
👍4❤1