Angular Signals: Best practices around exposing Signals
Some best practices are emerging as Signals are available in developer preview with Angular 16. - https://blog.angulartraining.com/angular-signals-best-practices-around-exposing-signals-5385452150a1
#angular
Some best practices are emerging as Signals are available in developer preview with Angular 16. - https://blog.angulartraining.com/angular-signals-best-practices-around-exposing-signals-5385452150a1
#angular
Medium
Angular Signals: Best practices around exposing Signals
Some best practices are emerging as Signals are available in developer preview with Angular 16.
👍3
How to Create Multilingual React Apps with react-i18next - https://hackernoon.com/how-to-create-multilingual-react-apps-with-react-i18next
#react
#react
Hackernoon
How to Create Multilingual React Apps with react-i18next
This step-by-step guide covers setting up i18next, translating components, and switching between languages for a multilingual user experience.
👍4❤1
Why Vue is a great fit for modular software architecture
It’s sometimes daunting thinking about all the various JavaScript frameworks that exist and which to invest in. Fortunately, it's easier to choose when you focus on investing in a modular software architecture. In this post, we’ll be talking about why Vue should be one of your top contenders when choosing a front-end framework to invest in for the long haul. - https://www.netlify.com/blog/why-vue-is-a-great-fit-for-modular-software-architecture/
#vue
It’s sometimes daunting thinking about all the various JavaScript frameworks that exist and which to invest in. Fortunately, it's easier to choose when you focus on investing in a modular software architecture. In this post, we’ll be talking about why Vue should be one of your top contenders when choosing a front-end framework to invest in for the long haul. - https://www.netlify.com/blog/why-vue-is-a-great-fit-for-modular-software-architecture/
#vue
Netlify
Why Vue is a great fit for modular software architecture
Learn how Vue is a great candidate for modular software architecture that allows you to build scalable applications of various sizes.
👍4🔥3
12 Top Tips for Writing Clean Code
Level Up Your Coding Game: Discover the Top 12 Tips for Clean and Maintainable Code - https://levelup.gitconnected.com/12-top-tips-for-writing-clean-code-979255bd545a
#clean #code
Level Up Your Coding Game: Discover the Top 12 Tips for Clean and Maintainable Code - https://levelup.gitconnected.com/12-top-tips-for-writing-clean-code-979255bd545a
#clean #code
👍4🔥1
My Experience Modernizing Packages to ESM
What a post! Mark, well known for his work on React, Redux, and much more, details the painful experiences and hard-earned lessons he picked up while migrating the Redux packages to ES modules. - https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/
#esm
What a post! Mark, well known for his work on React, Redux, and much more, details the painful experiences and hard-earned lessons he picked up while migrating the Redux packages to ES modules. - https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/
#esm
Mark's Dev Blog
Blogged Answers: My Experience Modernizing Packages to ESM
Details on the painful experiences and hard-earned lessons I've learned migrating the Redux packages to ESM
👍3
When to Nest CSS
Scott Vandehey outlines why you should use CSS nesting with caution—it increases specificity and could lead to maintenance problems. - https://cloudfour.com/thinks/when-to-nest-css
#css
Scott Vandehey outlines why you should use CSS nesting with caution—it increases specificity and could lead to maintenance problems. - https://cloudfour.com/thinks/when-to-nest-css
#css
Cloud Four
When to Nest CSS
CSS nesting is great, but should be used with caution. As a rule, if a selector will work without being nested, don't nest it. However, there are certain situations where nesting can make things easier to understand.
👍4
Creating a Text Typing Effect with React - https://www.julienthibeaut.xyz/blog/create-text-typing-effect-with-react
#react
#react
ibelick
Creating a text typing effect with React
How to create a text typing effect with React?
👍6🔥1👌1
Node.js's 'Config Hell' Problem
Andy ponders why a Next.js project has over 30 configuration files and what we can do to avoid it - https://deno.com/blog/node-config-hell
#nodejs
Andy ponders why a Next.js project has over 30 configuration files and what we can do to avoid it - https://deno.com/blog/node-config-hell
#nodejs
Deno
Node.js's Config Hell Problem | Deno
Why a Next.js project has over 30 configuration files and what we can do to avoid it.
👍5
How I’ve Shifted My Angular App to a Standalone Components Approach
The standalone components concept was introduced with Angular v14 as an experimental feature, which was… - https://blog.bitsrc.io/how-ive-shifted-my-angular-app-to-standalone-components-approach-48c344bb714a
#angular
The standalone components concept was introduced with Angular v14 as an experimental feature, which was… - https://blog.bitsrc.io/how-ive-shifted-my-angular-app-to-standalone-components-approach-48c344bb714a
#angular
Medium
How I’ve Shifted My Angular App to a Standalone Components Approach
The standalone components concept was introduced with Angular v14 as an experimental feature, which was announced as optional, easily…
👍3
Vue.js Script Setup in Less than 5 Minutes
The Vue.js Composition API is a handy tool for creating reusable, stateful code across multiple components. However, it’s not just for creating reusable composables. This blog post covers script setup and how it makes the composition API approach super fun. - https://vueschool.io/articles/vuejs-tutorials/vue-js-script-setup-in-less-than-5-minutes/
#vue
The Vue.js Composition API is a handy tool for creating reusable, stateful code across multiple components. However, it’s not just for creating reusable composables. This blog post covers script setup and how it makes the composition API approach super fun. - https://vueschool.io/articles/vuejs-tutorials/vue-js-script-setup-in-less-than-5-minutes/
#vue
vueschool.io
Vue.js Script Setup in Less than 5 Minutes - Vue School Articles
Learn how to use the Vue.js script setup syntax for making the most out of the Composition API in under 5 mintues.
👍3
5 Surprising Things I Didn’t Know About TypeScript
Discoveries that changed my perspective on this popular superset of JavaScript - https://medium.com/derek-develops/5-surprising-things-i-didnt-know-about-typescript-798592a3bc80
#typescript
Discoveries that changed my perspective on this popular superset of JavaScript - https://medium.com/derek-develops/5-surprising-things-i-didnt-know-about-typescript-798592a3bc80
#typescript
Medium
5 Surprising Things I Didn’t Know About TypeScript
Discoveries that changed my perspective on this popular superset of JavaScript
👍7🔥1
Drawing on Google Maps with Drawing Manager
This incredibly thorough and code-rich followup to Integrating Google Maps in React focuses on the use of DrawingManager to draw polygons, rectangles, polylines, circles and markers on top of maps. - https://sudolabs.com/insights/react-google-maps-drawing-tools
#react
This incredibly thorough and code-rich followup to Integrating Google Maps in React focuses on the use of DrawingManager to draw polygons, rectangles, polylines, circles and markers on top of maps. - https://sudolabs.com/insights/react-google-maps-drawing-tools
#react
Sudolabs
React Google Maps: Drawing Tools
Google Maps is more than just a navigation tool. While it excels at providing core features like adding markers, info windows, and directions services, it also offers advanced techniques that can take your project to the next level.
🔥3👍2
An Anchored Navbar Solution
Eric A. Meyer shows how to create a dashed navbar connector using anchor positioning. - https://meyerweb.com/eric/thoughts/2023/10/05/an-anchored-navbar-solution
#css
Eric A. Meyer shows how to create a dashed navbar connector using anchor positioning. - https://meyerweb.com/eric/thoughts/2023/10/05/an-anchored-navbar-solution
#css
meyerweb.com
An Anchored Navbar Solution
The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.
👍4🔥2
Creating Dynamic Components in Angular
Getting started - https://medium.com/@dimitarg.stoev/getting-started-681505c7681c
#angular
Getting started - https://medium.com/@dimitarg.stoev/getting-started-681505c7681c
#angular
Medium
Creating Dynamic Components in Angular
Getting started
👍4
The Extract Conditional Pattern in Vue
An extremely common question I get asked all the time is, “how do you know when to split up a component?” This article shares a simple pattern with you that is basically fool-proof, and can be applied to lots of components with almost no thought - https://michaelnthiessen.com/extract-conditional-pattern
#vue
An extremely common question I get asked all the time is, “how do you know when to split up a component?” This article shares a simple pattern with you that is basically fool-proof, and can be applied to lots of components with almost no thought - https://michaelnthiessen.com/extract-conditional-pattern
#vue
Michaelnthiessen
The Extract Conditional Pattern in Vue
An extremely common question I get asked all the time is, “how do you know when to split up a component?” I want to share a simple pattern with you that is basically fool-proof, and can be applied to lots of components with almost no thought.
👍4
Node.js 21 Now Available
This news is just breaking, but Node v21 (release notes) replaces Node v20 as the ‘current’ release line (basically, the one that gets all the shiny new features first.) This also means Node v20 will soon become the active LTS release. - https://openjsf.org/announcement/2023/10/17/node-js-21-available-now/
#nodejs
This news is just breaking, but Node v21 (release notes) replaces Node v20 as the ‘current’ release line (basically, the one that gets all the shiny new features first.) This also means Node v20 will soon become the active LTS release. - https://openjsf.org/announcement/2023/10/17/node-js-21-available-now/
#nodejs
👍6
Build Your Own Chatbot with React and the OpenAI API
The AI is all provided by OpenAI, of course, but building your UI on top opens up some interesting opportunities. - https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/
#react
The AI is all provided by OpenAI, of course, but building your UI on top opens up some interesting opportunities. - https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/
#react
SitePoint
Build Your Own ChatGPT Clone with React and the OpenAI API
In this step-by-step tutorial, we walk through how to build a fully-functioning and stylish ChatGPT clone with React and the OpenAI API.
👍4
Can We Enterprise CSS Grid?
Chen Hui Jing outlines some challenges larger organizations might have with switching from a framework to CSS Grid. - https://chenhuijing.com/blog/can-we-enterprise-css-grid
#css
Chen Hui Jing outlines some challenges larger organizations might have with switching from a framework to CSS Grid. - https://chenhuijing.com/blog/can-we-enterprise-css-grid
#css
Chenhuijing
Can we enterprise CSS grid? | Chen Hui Jing
Regardless of whether the title of this blog post is grammatically correct or not, this is a question that I've had the opportunity to tackle recently. And…
🔥2👍1
Understanding Advanced Concepts in TypeScript
When using JavaScript, many developers know the headache of debugging. You run a program. Find new bugs… - https://learningdaily.dev/understanding-advanced-concepts-in-typescript-5adc4170d692
#typescript
When using JavaScript, many developers know the headache of debugging. You run a program. Find new bugs… - https://learningdaily.dev/understanding-advanced-concepts-in-typescript-5adc4170d692
#typescript
Medium
Understanding Advanced Concepts in TypeScript
When using JavaScript, many developers know the headache of debugging. You run a program. Find new bugs. Rinse and repeat. After hours of…
👍4❤1😨1
A Guide to Custom Directives in Vue
A directive generally is some special token in the markup that tells the library to do something to a DOM element. Find out what Vue.js Directives are and how you can create custom directive for your project. - https://blog.bitsrc.io/a-guide-to-custom-directives-in-vue-46fc87abfd4f
#vue
A directive generally is some special token in the markup that tells the library to do something to a DOM element. Find out what Vue.js Directives are and how you can create custom directive for your project. - https://blog.bitsrc.io/a-guide-to-custom-directives-in-vue-46fc87abfd4f
#vue
Medium
A Guide to Custom Directives in Vue
How to use Custom Directives in VueJS
👍2
Don't Block the Event Loop
If you’re writing anything more complicated than a brief command-line script, reading this should help you write higher-performance, more-secure applications. - https://nodejs.org/en/docs/guides/dont-block-the-event-loop
#nodejs
If you’re writing anything more complicated than a brief command-line script, reading this should help you write higher-performance, more-secure applications. - https://nodejs.org/en/docs/guides/dont-block-the-event-loop
#nodejs
nodejs.org
Node.js — Don't Block the Event Loop (or the Worker Pool)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
🔥4👍3