FrontEnd Development pinned «👨💻4 способа прокачать свою карьеру в разработке, аналитике, менеджменте и попасть в Яндекс 1️⃣Летние школы Академии Яндекса Для тех, у кого уже есть опыт в разработке. До 27 апреля продолжается набор в Школу бэкенд-разработки (Python, Java, C++, Go), Школу…»
Unleashing the Power of Slots in Vue.js
With Vue slots, you can turn a part or all of your components into reusable templates that will render differently based on different use cases. This article will help you understand the concept of Vue slots and how to use them to their full potential. - https://dev.to/johnpaul/unleashing-the-power-of-slots-in-vuejs-m1a
#vue
With Vue slots, you can turn a part or all of your components into reusable templates that will render differently based on different use cases. This article will help you understand the concept of Vue slots and how to use them to their full potential. - https://dev.to/johnpaul/unleashing-the-power-of-slots-in-vuejs-m1a
#vue
DEV Community
Unleashing the Power of Slots in Vue.js
Vue.js is a popular JavaScript framework used for building user interfaces. One important aspect of...
👍3❤1
Working with Dates and Times with Day.js - https://blog.openreplay.com/working-with-dates-and-times-with-day-js/
#javascript #dayjs
#javascript #dayjs
Openreplay
Working with Dates and Times with Day.js
Learn how to use this modern alternative to Moment.js
👍7
Handling oneOf Cases in Angular Forms
Some forms require supporting one of multiple cases. For example, we can create a new task and assign it to a… - https://netbasal.com/handling-oneof-cases-in-angular-forms-36ae8c903af5
#angular
Some forms require supporting one of multiple cases. For example, we can create a new task and assign it to a… - https://netbasal.com/handling-oneof-cases-in-angular-forms-36ae8c903af5
#angular
Medium
Handling oneOf Cases in Angular Forms
Some forms require supporting one of multiple cases. For example, we can create a new task and assign it to a single user or a group of…
❤5👍3
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