How to Create a Chrome Extension with React, TypeScript, Tailwind CSS and Vite
Covers everything you need to know right through to publishing in the Chrome Web Store. - https://www.luckymedia.dev/blog/how-to-create-a-chrome-extension-with-react-typescript-tailwindcss-and-vite-in-2024
#react
Covers everything you need to know right through to publishing in the Chrome Web Store. - https://www.luckymedia.dev/blog/how-to-create-a-chrome-extension-with-react-typescript-tailwindcss-and-vite-in-2024
#react
Lucky Media
How to Create a Chrome Extension with React, TypeScript, TailwindCSS, and Vite - Lucky Media
For over a decade, Lucky Media has been a leading Software Development Agency in the US, based in Dallas, TX. We build custom software solutions for your business.
A Comprehensive Guide to Node.js Addons
If you’d rather stick with Node than use Bun’s newest feature to bring C/C++ etc. into JavaScript, writing your own addon remains a dependable approach. - https://mertcan.vercel.app/comprehensive-guide-to-nodejs-addons
#nodejs
If you’d rather stick with Node than use Bun’s newest feature to bring C/C++ etc. into JavaScript, writing your own addon remains a dependable approach. - https://mertcan.vercel.app/comprehensive-guide-to-nodejs-addons
#nodejs
Mert Can Altin's blog
A Comprehensive Guide to Node.js Addons
A detailed explanation of Node.js addons, their use cases, how they work, and a practical example demonstrating their power in real-world applications.
Removing manual change detection calls from my Angular app
If you have read my previous articles about Angular change detection, you know what manual change detection… - https://itnext.io/removing-manual-change-detection-calls-from-my-angular-app-%EF%B8%8F-58dfa481deeb
#angular
If you have read my previous articles about Angular change detection, you know what manual change detection… - https://itnext.io/removing-manual-change-detection-calls-from-my-angular-app-%EF%B8%8F-58dfa481deeb
#angular
Medium
Removing manual change detection calls from my Angular app ⚡️
If you have read my previous articles about Angular change detection, you know what manual change detection calls are and on this article…
Efficiently Managing Remote Data in Vue with Vue Query
Vue Query, inspired by React Query, provides powerful hooks for fetching, caching, and synchronizing server state in your Vue applications. - https://dev.to/alimetehrani/efficiently-managing-remote-data-in-vue-with-vue-query-192h
#vue
Vue Query, inspired by React Query, provides powerful hooks for fetching, caching, and synchronizing server state in your Vue applications. - https://dev.to/alimetehrani/efficiently-managing-remote-data-in-vue-with-vue-query-192h
#vue
DEV Community
Efficiently Managing Remote Data in Vue with Vue Query
When building modern Vue applications, efficiently managing remote data is crucial for creating...
Can You Convert a Video to Pure CSS?
David G. embarked on a fascinating experiment to figure out if it’s possible to play a video as pure CSS. - https://dgerrells.com/blog/can-you-convert-a-video-to-pure-css
#css
David G. embarked on a fascinating experiment to figure out if it’s possible to play a video as pure CSS. - https://dgerrells.com/blog/can-you-convert-a-video-to-pure-css
#css
David Gerrells
Can you convert a video to pure css?
Can you convert a video to pure css? Yes, yes you can. And this is how.
Live Types in a TypeScript Monorepo
Several strategies to make a TypeScript monorepo feel more “alive” in the sense of the propagation of changes. - https://colinhacks.com/essays/live-types-typescript-monorepo
#typescript
Several strategies to make a TypeScript monorepo feel more “alive” in the sense of the propagation of changes. - https://colinhacks.com/essays/live-types-typescript-monorepo
#typescript
Colin McDonnell @colinhacks
Live types in a TypeScript monorepo
Improving Code Reusability in Angular Projects
In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable. - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786
#angular
In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable. - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786
#angular
Medium
Improving Code Reusability in Angular Projects
In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable.
SPA Lazy Loading Pitfalls
A concise set of recommendations to address common problems with this widely used pattern. - https://reacttraining.com/blog/spa-lazy-loading-pitfalls
#react
A concise set of recommendations to address common problems with this widely used pattern. - https://reacttraining.com/blog/spa-lazy-loading-pitfalls
#react
ReactTraining.com
SPA Lazy Loading Pitfalls
React Corporate Workshops, Training, and Consulting
Mastering the API Gateway: A Node.js Microservices Architecture Approach
In the ever-evolving world of software development, the rise of microservices architecture has revolutionized… - https://medium.com/@techsuneel99/mastering-the-api-gateway-a-node-js-microservices-architecture-approach-b37de52c4650
#nodejs
In the ever-evolving world of software development, the rise of microservices architecture has revolutionized… - https://medium.com/@techsuneel99/mastering-the-api-gateway-a-node-js-microservices-architecture-approach-b37de52c4650
#nodejs
Medium
Mastering the API Gateway: A Node.js Microservices Architecture Approach
In the ever-evolving world of software development, the rise of microservices architecture has revolutionized the way we build and deploy…
The Two Lines of CSS That Tanked Performance (120fps to 40fps)
Andrico Karoulla demonstrates how you can debug and fix potential performance problems caused by CSS. - https://component-odyssey.com/articles/13-improving-performance-by-changing-two-lines-of-css
#css
Andrico Karoulla demonstrates how you can debug and fix potential performance problems caused by CSS. - https://component-odyssey.com/articles/13-improving-performance-by-changing-two-lines-of-css
#css
Component-Odyssey
The Two Lines of CSS That Tanked Performance (120fps to 40fps)
Learn WCs felt so sluggish on Firefox that I disabled the background animation for all users. Turns out, fixing it took changing two lines of CSS.
Dynamic Components in Vue
Learn about the difference between direct imports and importing the components lazily as well as discussing global components. - https://www.youtube.com/watch?v=YLFOynY72sE
#vue
Learn about the difference between direct imports and importing the components lazily as well as discussing global components. - https://www.youtube.com/watch?v=YLFOynY72sE
#vue
YouTube
Dynamic Components in Vue
🃏 The more complex scenarios applications have to cover, the more the need for dynamic components increases. Using different tabs, icons, modals with different content or blocks defined in a CMS - all these cases are typical for dynamic components. But how…
A Look at JavaScript's New Set Methods
Finding the intersection, union, and difference between sets, among other set-related tasks, is now a piece of cake. Available in Node 22+, Chrome/Edge 122+, Firefox 127+, Safari 17+, and now considered a 'baseline' feature. - https://developer.mozilla.org/en-US/blog/javascript-set-methods/
#javascript
Finding the intersection, union, and difference between sets, among other set-related tasks, is now a piece of cake. Available in Node 22+, Chrome/Edge 122+, Firefox 127+, Safari 17+, and now considered a 'baseline' feature. - https://developer.mozilla.org/en-US/blog/javascript-set-methods/
#javascript
MDN Web Docs
New JavaScript Set methods | MDN Blog
New JavaScript Set methods are landing across browsers. Learn about sets, how you can use these methods to compare different sets, create new sets with specific properties, and more.
How to Fetch Data in React
An updated look at the multitude of ways to fetch data from a remote API in React. Note that Redux-based approaches aren’t covered, this is all about general, broad approaches. - https://www.robinwieruch.de/react-fetching-data/
#react
An updated look at the multitude of ways to fetch data from a remote API in React. Note that Redux-based approaches aren’t covered, this is all about general, broad approaches. - https://www.robinwieruch.de/react-fetching-data/
#react
www.robinwieruch.de
How to fetch data in React [2024]
There are different ways to fetch data in React from a remote API. In this guide we want to explore all the options available for data fetching in React ...
Microservices With NestJS, Kafka, and TypeScript
A microservices architecture is a popular software design pattern that enables developers to build and… - https://medium.com/@SplitSoftware/microservices-with-nestjs-kafka-and-typescript-b05786591053
#nodejs
A microservices architecture is a popular software design pattern that enables developers to build and… - https://medium.com/@SplitSoftware/microservices-with-nestjs-kafka-and-typescript-b05786591053
#nodejs
Medium
Microservices With NestJS, Kafka, and TypeScript
A microservices architecture is a popular software design pattern that enables developers to build and maintain large and complex…
Configurable Retry HTTP Calls Interceptor in Angular
A configurable retry mechanism to make our UI applications more reliable and stable by retrying failed HTTP… - https://blog.stackademic.com/configurable-retry-http-calls-interceptor-in-angular-b0300b3af023
#angular
A configurable retry mechanism to make our UI applications more reliable and stable by retrying failed HTTP… - https://blog.stackademic.com/configurable-retry-http-calls-interceptor-in-angular-b0300b3af023
#angular
Medium
Configurable Retry HTTP Calls Interceptor in Angular
A configurable retry mechanism to make our UI applications more reliable and stable by retrying failed HTTP calls.
The Results of the State of JavaScript 2023 Survey
It feels odd including something about 2023 in June 2024, but the results of the major annual JavaScript developer survey are now out. It’s interesting to see what features JS devs do and don’t use, changes in library popularity over time, what build tools people are using, the divide between JavaScript and TypeScript usage, and much more besides. - https://2023.stateofjs.com/en-US
#survey
It feels odd including something about 2023 in June 2024, but the results of the major annual JavaScript developer survey are now out. It’s interesting to see what features JS devs do and don’t use, changes in library popularity over time, what build tools people are using, the divide between JavaScript and TypeScript usage, and much more besides. - https://2023.stateofjs.com/en-US
#survey
Stateofjs
State of JavaScript 2023
The 2023 edition of the annual survey about the latest trends in the JavaScript ecosystem.
CSS @property and the New Style
Ryan Mulligan explores the newly supported @property at-rule for explicitly defining and animating custom properties in CSS. - https://ryanmulligan.dev/blog/css-property-new-style
#css
Ryan Mulligan explores the newly supported @property at-rule for explicitly defining and animating custom properties in CSS. - https://ryanmulligan.dev/blog/css-property-new-style
#css
ryanmulligan.dev
CSS @property and the New Style
An exploration of the newly supported at-rule for explicitly defining and animating custom properties in CSS.
WebSockets, gRPC, MQTT, and SSE — Which Real-Time Notification Method Is For…
Did you know real-time notifications were more than just WebSockets? You have plenty of options based on your… - https://betterprogramming.pub/websockets-grpc-mqtt-and-sse-which-real-time-notification-method-is-for-you-2d18bfc99dfc
#notifications
Did you know real-time notifications were more than just WebSockets? You have plenty of options based on your… - https://betterprogramming.pub/websockets-grpc-mqtt-and-sse-which-real-time-notification-method-is-for-you-2d18bfc99dfc
#notifications
Medium
WebSockets, gRPC, MQTT, and SSE — Which Real-Time Notification Method Is For You?
Did you know real-time notifications were more than just WebSockets? You have plenty of options based on your use case
The 20 Essential Principles of Software Development: LoD, SoC, SOLID, and…
Core software development principles that every developer must know. - https://levelup.gitconnected.com/the-20-essential-principles-of-software-development-lod-soc-solid-and-beyond-7a39a98b685d
#principles
Core software development principles that every developer must know. - https://levelup.gitconnected.com/the-20-essential-principles-of-software-development-lod-soc-solid-and-beyond-7a39a98b685d
#principles
Medium
The 20 Essential Principles of Software Development: LoD, SoC, SOLID, and Beyond.
Core software development principles that every developer must know.
Component Composition is Great, BTW
A well-regarded author writes about using component composition to avoid conditional rendering for mutually exclusive states - https://tkdodo.eu/blog/component-composition-is-great-btw
#react
A well-regarded author writes about using component composition to avoid conditional rendering for mutually exclusive states - https://tkdodo.eu/blog/component-composition-is-great-btw
#react
tkdodo.eu
Component Composition is great btw
Component composition is one of the best parts of React, and I think we should take more time to break our components into manageable parts before littering one component with conditional renderings.