Conditional CSS with :has and :nth-last-child
Ahmad Shadeed highlights a few examples of where you can combine a CSS selector with :has() to create conditional component/layout states. - https://ishadeed.com/article/conditional-css-has-nth-last-child
#css
Ahmad Shadeed highlights a few examples of where you can combine a CSS selector with :has() to create conditional component/layout states. - https://ishadeed.com/article/conditional-css-has-nth-last-child
#css
Ishadeed
Conditional CSS with :has and :nth-last-child
A modern look at how to combine CSS :has, :nth-last-child, and style queries to create dynamic components.
👍5
How to Write Comments in React: The Good, the Bad and the Ugly
{/* Writing comments like this */ } is the usual way to write comments in JSX, but there are two other ways you should also know. - https://dmitripavlutin.com/react-comments/
#react
{/* Writing comments like this */ } is the usual way to write comments in JSX, but there are two other ways you should also know. - https://dmitripavlutin.com/react-comments/
#react
Dmitri Pavlutin Blog
How to Write Comments in React: The Good, the Bad and the Ugly
{/* Comment */} is the usual way to write comments in React. But there are 2 better ways to comment you just have to know.
👍8❤2
Use Inheritance to Unsubscribe from Observables
A reuse method to unsubscribe from observables - https://medium.com/cp-massive-programming/angular-user-inheritance-to-unsubscribe-from-observables-f5617fbbd8f2
#angular
A reuse method to unsubscribe from observables - https://medium.com/cp-massive-programming/angular-user-inheritance-to-unsubscribe-from-observables-f5617fbbd8f2
#angular
Medium
Angular | Use Inheritance to Unsubscribe from Observables
A reuse method to unsubscribe from observables
👍8
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
#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
#sveltekit
👍5
Deopt Explorer: A VS Code Extension to Inspect V8 Trace Log Info
A thorough introduction to a new tool from Microsoft for performing advanced analysis of data coming from the V8 engine’s internals, including CPU profile data, how inline caches operate, deoptimizations, how functions were run (interpreted or compiled) and more. - https://devblogs.microsoft.com/typescript/introducing-deopt-explorer/
#nodejs
A thorough introduction to a new tool from Microsoft for performing advanced analysis of data coming from the V8 engine’s internals, including CPU profile data, how inline caches operate, deoptimizations, how functions were run (interpreted or compiled) and more. - https://devblogs.microsoft.com/typescript/introducing-deopt-explorer/
#nodejs
Microsoft News
Introducing Deopt Explorer
Over the past few months, during the lead-up to the TypeScript 5.0 beta, our team spent a good portion of our time looking for ways to improve the performance of our compiler so that your projects build faster. One of the ways we improved was by looking into…
👍4❤1
Integrating Google sheets api with nuxt 3
This guide will walk you through how to use the Google Sheets API as a database and pair it with a Nuxt.js 3 application. - https://zachary.hashnode.dev/how-to-use-google-sheets-with-nuxt-3
#vue
This guide will walk you through how to use the Google Sheets API as a database and pair it with a Nuxt.js 3 application. - https://zachary.hashnode.dev/how-to-use-google-sheets-with-nuxt-3
#vue
👍7
How to access the component inside <ng-content> using ContentChild
When creating components in Angular, sometimes we want to put one component inside another. To do this, we… - https://medium.com/@matsal.dev/angular-how-to-access-the-component-inside-ng-content-using-contentchild-2e88b455b6c2
#angular
When creating components in Angular, sometimes we want to put one component inside another. To do this, we… - https://medium.com/@matsal.dev/angular-how-to-access-the-component-inside-ng-content-using-contentchild-2e88b455b6c2
#angular
Medium
Angular: How to access the component inside <ng-content> using @ContentChild
When creating components in Angular, sometimes we want to put one component inside another. To do this, we can either declare a component…
👍7
Solving Media Object Float Issues With CSS Block Formatting Contexts
Gabriel Shoyombo covers common problems with CSS floats and how to solve them using a block formatting context (BFC). - https://www.smashingmagazine.com/2023/05/media-object-float-issues-css-block-formatting-contexts
#css
Gabriel Shoyombo covers common problems with CSS floats and how to solve them using a block formatting context (BFC). - https://www.smashingmagazine.com/2023/05/media-object-float-issues-css-block-formatting-contexts
#css
Smashing Magazine
Solving Media Object Float Issues With CSS Block Formatting Contexts — Smashing Magazine
This article covers common problems using CSS floats and how to solve them using a block formatting context (BFC). Whether you are a beginner or an experienced web developer, you will learn valuable insights and practical solutions for dealing with CSS float…
👍6
Nine Hours on React Router 6
A pretty epic video from Scrimba’s Bob Ziroll that you’ll need a lot of coffee to get through, but you get to see the development of a complete app based around React Router, and it’s free. - https://www.youtube.com/watch?v=nDGA3km5He4
#react
A pretty epic video from Scrimba’s Bob Ziroll that you’ll need a lot of coffee to get through, but you get to see the development of a complete app based around React Router, and it’s free. - https://www.youtube.com/watch?v=nDGA3km5He4
#react
YouTube
React Router 6 – Full Course
This course will teach you to build real-world apps with React Router 6. Click here to get to the interactive version 👉 https://scrimba.com/links/react-router-6-course
Throughout the course, you’ll be building an app called “VanLife” – an Airbnb-style web…
Throughout the course, you’ll be building an app called “VanLife” – an Airbnb-style web…
👍9❤2
Reducing the Cost of String Serialization in Node's Core
Is it possible to reduce the cost of string serialization in Node, particularly in the context of URL parsing? Research was done and the answer is.. yes, by quite a lot too. Benchmarks included. - https://www.yagiz.co/reducing-the-cost-of-string-serialization-in-nodejs-core
#nodejs
Is it possible to reduce the cost of string serialization in Node, particularly in the context of URL parsing? Research was done and the answer is.. yes, by quite a lot too. Benchmarks included. - https://www.yagiz.co/reducing-the-cost-of-string-serialization-in-nodejs-core
#nodejs
Yagiz Nizipli's blog
Reducing the cost of string serialization in Node.js core
Serializing strings in Node.js has been a pain point for web developers, particularly when it comes to URL operations. Recently, we conducted a research to reduce the cost of string serialization in Node.js core particularly in the context of URL parsing…
👍7
Security in Vuejs 3.0 with authentication and authorization by KeyCloak Part 1 and Part 2
Keycloak is an open-source identity and access management framework agnostic solution. In this article series, we will explore using Keycloak in a Vue.js application to implement OAuth and also discuss how to make your application more secure. - https://blog.devgenius.io/security-in-vuejs-3-0-with-authentication-and-authorization-by-keycloak-part-1-ae884889fa0d
#vue
Keycloak is an open-source identity and access management framework agnostic solution. In this article series, we will explore using Keycloak in a Vue.js application to implement OAuth and also discuss how to make your application more secure. - https://blog.devgenius.io/security-in-vuejs-3-0-with-authentication-and-authorization-by-keycloak-part-1-ae884889fa0d
#vue
Medium
Security in Vuejs 3.0 with authentication and authorization by KeyCloak Part 1
Part 1 Securing a front-end Vuejs 3.0 application
Part 2 Add Keycloak in a Login Component
To see how to use the Access Token go to Part…
Part 2 Add Keycloak in a Login Component
To see how to use the Access Token go to Part…
👍8👌2
Become a Coding Interview Pro in 2023 with These 20 Must-Know Algorithmic Patterns!
Arslan Ahmad shares some of the techniques and lessons he has learned over time that make preparing for coding interviews an exciting and enjoyable experience. - https://levelup.gitconnected.com/become-a-coding-interview-pro-in-2023-with-these-20-must-know-algorithmic-patterns-715643e493f5
#interview
Arslan Ahmad shares some of the techniques and lessons he has learned over time that make preparing for coding interviews an exciting and enjoyable experience. - https://levelup.gitconnected.com/become-a-coding-interview-pro-in-2023-with-these-20-must-know-algorithmic-patterns-715643e493f5
#interview
Medium
Become a Coding Interview Pro in 2025 with These 20 Must-Know Algorithmic Patterns!
Master coding interviews: How grokking coding interview patterns can help you prepare smartly.
👍7👏2❤1🔥1
The Most Important Thing You Need To Understand About Angular
The Angular “Template Context” is a practically useful mental model, which once internalized, will be your… - https://tomastrajan.medium.com/the-most-important-thing-you-need-to-understand-about-angular-5f2b3afcac38
#angular
The Angular “Template Context” is a practically useful mental model, which once internalized, will be your… - https://tomastrajan.medium.com/the-most-important-thing-you-need-to-understand-about-angular-5f2b3afcac38
#angular
Medium
The Most Important Thing You Need To Understand About Angular
The Angular “Template Context” is a practically useful mental model, which once internalized, will be your main guide on the journey to…
👍7
Display a View Counter on Your Blog with React Server Components
Heard a lot about React Server Components but not yet had a chance to try them out? This concise tutorial employs a common, easily understood use case to take RSCs for a test drive. Plus it reminds us of the 90s, which is never a bad vibe. - https://scastiel.dev/view-counter-react-server-components
#react
Heard a lot about React Server Components but not yet had a chance to try them out? This concise tutorial employs a common, easily understood use case to take RSCs for a test drive. Plus it reminds us of the 90s, which is never a bad vibe. - https://scastiel.dev/view-counter-react-server-components
#react
scastiel.dev
Display a view counter on your blog with React Server Components
A short tutorial with a cool use case for React Server Components, Streaming and Suspense with Next.js: adding a view counter on a blog, calling the Plausible analytics API.
👍9
Spinning Diagrams with CSS
Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css
#css
Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css
#css
exist
Spinning Diagrams with CSS
This article discusses using CSS to make spinning 3D diagrams.
👍7🤔2
7 Awesome Vue.js 3 Plugins and Libraries to know in 2023
Looking to build Vue.js application in 2023. This article provides an exciting list of seven incredible Vue 3 plugins and libraries that can help you add exciting features and functionality to your applications without writing lots of code. - https://vueschool.io/articles/vuejs-tutorials/7-awesome-vue-js-3-plugins-and-libraries-to-know-in-2023/
#vue
Looking to build Vue.js application in 2023. This article provides an exciting list of seven incredible Vue 3 plugins and libraries that can help you add exciting features and functionality to your applications without writing lots of code. - https://vueschool.io/articles/vuejs-tutorials/7-awesome-vue-js-3-plugins-and-libraries-to-know-in-2023/
#vue
vueschool.io
7 Awesome Vue.js 3 Plugins and Libraries to know in 2023 - Vue School Articles
Are you looking to build awesome Vue.js applications in 2023? We've put together a list of seven incredible Vue 3 plugins and libraries that can help you add exciting features and functionality to your applications without writing lots of code.
👍7❤1
How to Handle Emojis in Node
A quick look under the covers for anyone who doesn’t understand why ‘😁’.length equals 2 or how characters like emoji are internally represented. - https://backend.cafe/how-to-handle-emojis-in-nodejs
#nodejs
A quick look under the covers for anyone who doesn’t understand why ‘😁’.length equals 2 or how characters like emoji are internally represented. - https://backend.cafe/how-to-handle-emojis-in-nodejs
#nodejs
Backend Cafe
How to handle emojis in Nodejs
Learn how to deal with UNICODE emoji chars and manage them with Node.js
👍5
Build a Note Taking Desktop Application with Tauri and React
Tauri is a Rust-based framework for building desktop apps. - https://betterprogramming.pub/building-cross-platform-desktop-applications-with-tauri-part-ii-8d6ad1927093
#react #tauri
Tauri is a Rust-based framework for building desktop apps. - https://betterprogramming.pub/building-cross-platform-desktop-applications-with-tauri-part-ii-8d6ad1927093
#react #tauri
Medium
Build a Note Taking Desktop Applications With Tauri and React
Create awesome cross-platform apps
👍8
Angular: DI shared component with abstract service
Our goal is to create a shared component with an unify service. Let’s do it on a simple example. - https://medium.com/@toha.marko/angular-di-shared-component-with-abstract-service-9bb8d57a3e84
#angular
Our goal is to create a shared component with an unify service. Let’s do it on a simple example. - https://medium.com/@toha.marko/angular-di-shared-component-with-abstract-service-9bb8d57a3e84
#angular
Medium
Angular: DI shared component with abstract service
Our goal is to create a shared component with an unify service. Let’s do it on a simple example.
👍5❤1
📲 Как делать успешные IoT-проекты в облачных сервисах
В новой статье рассказываем про законы рынка интернета вещей (IoT, Internet of Things). Взяли за основу кейс компании Syncleo, которая создала более 200 умных бытовых приборов с помощью Managed Service for YDB — сервиса для управления базами данных от Yandex.
Также в статье:
• Парадоксы consumer behavior
• Плюсы и минусы адаптации Китайского ПО
• Рецепт успешного IoT-проекта
Читайте статью в блоге Yandex Cloud на VC 👉
В новой статье рассказываем про законы рынка интернета вещей (IoT, Internet of Things). Взяли за основу кейс компании Syncleo, которая создала более 200 умных бытовых приборов с помощью Managed Service for YDB — сервиса для управления базами данных от Yandex.
Также в статье:
• Парадоксы consumer behavior
• Плюсы и минусы адаптации Китайского ПО
• Рецепт успешного IoT-проекта
Читайте статью в блоге Yandex Cloud на VC 👉
💩1