Handling The Indentation of a Treeview Component
Ahmad Shadeed offers some advice on handling indentation in treeview components. - https://ishadeed.com/article/tree-view-css-indent
#css
Ahmad Shadeed offers some advice on handling indentation in treeview components. - https://ishadeed.com/article/tree-view-css-indent
#css
Ishadeed
Handling The Indentation of a Treeview Component
Exploring different ways to handle the indentation of a treeview component.
Building an Issue Tracker App with React and ElectricSQL
Kelvin is great at this stuff. ElectricSQL provides a way to build reactive, realtime local-first apps atop Postgres. - https://www.youtube.com/watch?v=y6vYJUESwns
#react
Kelvin is great at this stuff. ElectricSQL provides a way to build reactive, realtime local-first apps atop Postgres. - https://www.youtube.com/watch?v=y6vYJUESwns
#react
YouTube
TKYT #60 Build a Linear clone that works offline with React & ElectricSQL
In this TKYT session #60 I interviewed Kevin from Electric SQL about the concept of local first and its application in web development.
We discussed the importance of data ownership, collaboration, and real-time functionality in modern applications.
Kevin…
We discussed the importance of data ownership, collaboration, and real-time functionality in modern applications.
Kevin…
Five Node Version Managers Compared
In an ideal world, the latest version of Node would slot well into every project, but in reality we often need to switch versions, and a variety of tools are available to make it simple. NVM is perhaps the best known, but maybe N, FNM, Volta, or even pnpm could suit you better? - https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you
#nodejs
In an ideal world, the latest version of Node would slot well into every project, but in reality we often need to switch versions, and a variety of tools are available to make it simple. NVM is perhaps the best known, but maybe N, FNM, Volta, or even pnpm could suit you better? - https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you
#nodejs
Pavel Romanov
Compare 5 Node Version Managers: Best Choice
Explore the best Node.js version managers: nvm, n, fnm, volta, and pnpm. Find out which fits your needs with our detailed comparison
A Conceptual Model of State in Vue 3.4
This article is about a new feature in Vue 3.4 called defineModel. It discusses how defineModel can help developers manage state in their applications and that defineModel makes it easier to write clean, maintainable code. They also discuss how defineModel can be used with composables to further improve code organization. - https://itnext.io/a-conceptual-model-of-state-in-vue-3-4-9390c8e68aa5
#vue
This article is about a new feature in Vue 3.4 called defineModel. It discusses how defineModel can help developers manage state in their applications and that defineModel makes it easier to write clean, maintainable code. They also discuss how defineModel can be used with composables to further improve code organization. - https://itnext.io/a-conceptual-model-of-state-in-vue-3-4-9390c8e68aa5
#vue
Medium
A Conceptual Model of State in Vue 3.4
An examination of how the release of defineModel in Vue 3.4 can reshape how frontend teams think about managing app and component state.
Angular Best Practice
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application… - https://medium.com/@marcomatto/angular-best-practices-83a7f1d7087c
#angular
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application… - https://medium.com/@marcomatto/angular-best-practices-83a7f1d7087c
#angular
Medium
Angular Best Practice 2023
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application based on TypeScript .
Time-Based CSS Animations
Yuan Chuan showcases a time-based way of animation using CSS Math functions. - https://yuanchuan.dev/time-based-css-animations
#css
Yuan Chuan showcases a time-based way of animation using CSS Math functions. - https://yuanchuan.dev/time-based-css-animations
#css
yuanchuan.dev
Time-based CSS Animations
In my earlier post Time Uniform For CSS Animation,
I took a note about a way to do CSS animations with time ticks instead of keyframes.
It was limited applicable because CSS lacked the ability of doing complex Math calculations.
After years…
I took a note about a way to do CSS animations with time ticks instead of keyframes.
It was limited applicable because CSS lacked the ability of doing complex Math calculations.
After years…
Build a Real-Life, AI-Powered Project with Next.js and Strapi
Uses the Strapi open-source, headless CMS. We linked to this a few months ago, but the whole ten part series is now available. - https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2
#react
Uses the Strapi open-source, headless CMS. We linked to this a few months ago, but the whole ten part series is now available. - https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2
#react
strapi.io
Learn Next JS by building a real-life project: Part 1
Epic Next.js 14 Tutorial: Learn Next JS by building a real-life project.
A Tale of Migrating a Project to Bun
Eric, an engineer at Render, walks through the steps of how he migrated his Sveld project to Bun (replacing Yarn and Vitest in the process), including some minor gotchas he encountered, and what the speed gains were. - https://render.com/blog/hello-bun-deploy-2x-faster-on-github-render
#bun
Eric, an engineer at Render, walks through the steps of how he migrated his Sveld project to Bun (replacing Yarn and Vitest in the process), including some minor gotchas he encountered, and what the speed gains were. - https://render.com/blog/hello-bun-deploy-2x-faster-on-github-render
#bun
Render
Hello Bun: How Sveld now deploys 2x faster on GitHub and Render | Render Blog
Render is a unified cloud to build and run all your apps and websites with free TLS certificates, global CDN, private networks and auto deploys from Git.
Exploring Cookie Management in Vue.js
in this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the Vuejs application. - https://parvez1487.medium.com/exploring-cookie-management-in-vue-js-d0a84fc29d0e
#vue
in this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the Vuejs application. - https://parvez1487.medium.com/exploring-cookie-management-in-vue-js-d0a84fc29d0e
#vue
Medium
Exploring Cookie Management in Vue.js
in this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the…
Exploring What's New in Node 22
With Matteo Collina of the Node TSC, no less! It’s a movie-length effort, but he walks through everything significant about Node 22 (and 22.1) including improvements introduced by V8, the --run feature, the new compile cache in 22.1, and performance improvements across the board. - https://www.youtube.com/watch?v=eZfLkVDJPTg
#nodejs
With Matteo Collina of the Node TSC, no less! It’s a movie-length effort, but he walks through everything significant about Node 22 (and 22.1) including improvements introduced by V8, the --run feature, the new compile cache in 22.1, and performance improvements across the board. - https://www.youtube.com/watch?v=eZfLkVDJPTg
#nodejs
YouTube
What's new in Node js v22
In this video, we walk through the Node.js v22 (and v22.1.0) announcements, and we analyze:
1. Novelties in recent V8 releases.
2. Potential startup speed improvements due to maglev
3. MASSIVE startup speed improvements due to NODE_COMPILE_CACHE (v22.1.0)…
1. Novelties in recent V8 releases.
2. Potential startup speed improvements due to maglev
3. MASSIVE startup speed improvements due to NODE_COMPILE_CACHE (v22.1.0)…
Rethinking Reactivity in Angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173
#angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173
#angular
Medium
Rethinking Reactivity in Angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And learn what’s in store for…
The Frontend Developer/Engineer Handbook 2024
A guide to the current webdev landscape, covering how to get up to speed on topics like editors, CSS, UX, UI, the command line, tools and frameworks, perf, accessibility, etc. - https://frontendmasters.com/guides/front-end-handbook/2024/
#handbook
A guide to the current webdev landscape, covering how to get up to speed on topics like editors, CSS, UX, UI, the command line, tools and frameworks, perf, accessibility, etc. - https://frontendmasters.com/guides/front-end-handbook/2024/
#handbook
Frontend Masters
The Front End Developer/Engineer Handbook 2024
The handbook provides an in-depth overview of the skills, tools, and technologies necessary to excel as a front-end developer / engineer.
The New !important
Geoff Graham examines an interesting technique of increasing specificity. - https://geoffgraham.me/the-new-css-important
#css
Geoff Graham examines an interesting technique of increasing specificity. - https://geoffgraham.me/the-new-css-important
#css
Geoff Graham
The New !important - Geoff Graham
I spotted this CSS used in a very popular WordPress theme:
Build Your Own React.js in 400 Lines of Code - https://webdeveloper.beehiiv.com/p/build-react-400-lines-code
#react
#react
Web Developer
Build Your Own React.js in 400 Lines of Code
Explore the underlying mechanics of React. Deep dive into the architecture and core functionality of React asynchronous updates.
A Last Push Towards Express 5.0
You may recall that several months ago a plan to reignite development on Express was formed, and it’s already bearing fruit with a final version of Express 5.0 due to land soon. - https://github.com/expressjs/discussions/issues/233
#nodejs
You may recall that several months ago a plan to reignite development on Express was formed, and it’s already bearing fruit with a final version of Express 5.0 due to land soon. - https://github.com/expressjs/discussions/issues/233
#nodejs
GitHub
Express 5.0 - last push! · Issue #233 · expressjs/discussions
This issue includes a reference to all the PRs/issues or pending tasks for Express and dependencies needed to finally ship Express@5. Rules (WIP): If something is completed, just marked If there is...
Build a dApp Using Waku (Decentralized Communication) and Vue.js
This article will guide you on how to build a decentralized application (dApp) using Waku, an uncompromising decentralized communication protocol, and Vue.js, a popular JavaScript framework for building user interfaces. - https://blog.wolzcodelife.com/build-a-dapp-using-waku-decentralized-communication-and-vuejs
#vue
This article will guide you on how to build a decentralized application (dApp) using Waku, an uncompromising decentralized communication protocol, and Vue.js, a popular JavaScript framework for building user interfaces. - https://blog.wolzcodelife.com/build-a-dapp-using-waku-decentralized-communication-and-vuejs
#vue
wolz CODElife's Blog | Joel Adewole
Build a dApp Using Waku (Decentralized Communication) and Vue.js
This article will guide you on how to build a decentralized application (dApp) using Waku, an uncompromising decentralized communication protocol, and Vue3
Code Review Checklist for Angular Developers - https://levelup.gitconnected.com/code-review-checklist-for-angular-developers-%EF%B8%8F-3c44e7cbe5d9
#angular
#angular
Medium
Code Review Checklist for Angular Developers ✏️ 🔍
Introduction 📝 📕:
Long Alt
Adrian Roselli gives some advice on crafting useful alt text. - https://adrianroselli.com/2024/04/long-alt.html
#css
Adrian Roselli gives some advice on crafting useful alt text. - https://adrianroselli.com/2024/04/long-alt.html
#css
Adrian Roselli
Long Alt
TL;DR: Keep your image alternative text brief, devoid of special characters, empty of URLs, and ideally in one language. Here We Go Sometimes you can have too much alternative text, particularly for an <img>. I don’t mean there is a limit to what is allowed…
A Nice Way to Render Markdown in React Apps - https://jordaneldredge.com/notes/208ba2e8-436d-438e-a3c9-1380e7d7df75/
#react
#react
HTML Attributes vs DOM Properties
They’re different, but often coupled. Jake outlines the the difference, and why it matters. - https://jakearchibald.com/2024/attributes-vs-properties/
#html
They’re different, but often coupled. Jake outlines the the difference, and why it matters. - https://jakearchibald.com/2024/attributes-vs-properties/
#html
Jakearchibald
HTML attributes vs DOM properties
They're completely different, but often coupled.