Light/Dark Mode

Sara Wallén explains how to create a light/dark mode switcher. - https://color-scheme-light-dark.netlify.app/

#css

NestJS: Microservices with gRPC, API Gateway, and Authentication

Step-by-Step Guide: NestJS Application with gRPC, API Gateway, Authentication, and Validation - https://levelup.gitconnected.com/nestjs-microservices-with-grpc-api-gateway-and-authentication-part-1-2-650009c03686

#nodejs

Validating Your Vue Props Like a Pro

Vue requires users to declare any data passed to a component as props explicitly. Let's explore this powerful tool that can help us reduce bugs and increase our confidence during development and debugging. - https://fadamakis.medium.com/validating-your-vue-props-like-a-pro-5a2d0ed2b2d6

#vue

How BenchSci Moved Its Science Webapp to Next.js

BenchSci’s AI-Assisted Reagent Selection app is at the core of the company’s business. Here’s the story of how they moved it from a collection of legacy technologies to Next.js without sacrificing the user experience. - https://blog.benchsci.com/moving-house-to-next.js

#react

Custom Angular Form Password Component

In this post we are going to create a custom component which is designed for Reactive Forms and with a few tweaks can be fully functional for Template Driven Forms within Angular. - https://dev.to/lloydmi/custom-angular-form-password-component-970

#angular

VueUse - the Library that Makes Vue 3 Worth the Upgrade

VueUse is a collection of 200+ essential utility functions for interacting with various APIs like browser, state, network, animation, time, and more. - https://medium.com/js-dojo/vueuse-the-library-that-makes-vue-3-worth-the-upgrade-7047c5bb00ce

#vue

Not All Zeros are Equal

Miriam Suzanne outlines a few common situations where removing units from 0 value will break your code. - https://www.oddbird.net/2022/08/04/zero-units

#css

Best Practices for Creating a Modern npm Package

A step-by-step “as of 2022” walkthrough of creating your own npm package using current best practices. It’s very thorough and certainly worth revisiting, even if you’ve built a package already. As always, though, there’s more than one way to do it, and other tools like np can be brought into the mix as needed. - https://snyk.io/blog/best-practices-create-modern-npm-package/

#nodejs

Why Use Storybook in 2022?

I’d prefer an independent take, warts and all, but this is a reasonable roundup of why Storybook is popular among users of component-driven frameworks. Write declarative stories, simulate your components in action, and share the results or use it as an internal directory. - https://storybook.js.org/blog/why-storybook-in-2022/

#storybook

React 18's New State Hook You've Never Heard About

We know videos are a hard sell, but Jack is at the top of his game right now, and this one has had rave reviews. It covers useSyncExternalStore from start to finish with a practical example and is well worth the watch. If you don’t like videos, the next item covers the same hook in written form. - https://www.youtube.com/watch?v=GMeQ51MCegI

#react

Scraping Google Scholar Results with Node and Cheerio

Google may well block you from doing this, but the technique applies elsewhere too. - https://serpdog.io/blog/scrape-google-scholar-results

#nodejs

6 VSCode Extensions Necessary for Vue 3 Development

Check out these VSCode extensions for Vue 3 development which can be installed and used directly through the VSCode extension center. - https://dev.to/chris1993/6-vscode-extensions-necessary-for-vue3-development-e6e

#vue

The horizontal overflow problem

Chen Hui Jing gives some advice on avoiding the horizontal overflow problem. - https://chenhuijing.com/blog/the-horizontal-overflow-problem

#css

Typesafe Environment Config in Angular

How to configure a Typesafe environment in Angular - http://amp.gs/jG4un

#angular

8 GitHub Resources for Becoming a Developer in 2022

A list of resources that is useful for both beginners and people who are already familiar with programming. - http://amp.gs/jG4FI

#frontend

Preact's Signals: A 'Fast-by-Default' Reactive State Primitive

They provide a reactive way of expressing state (in a natural way that feels like using plain values) such that apps stay fast regardless of complexity. It’s a Preact (a slimline React alternative) development, but it can be used with React through a monkeypatch. Note that Dan Abramov shares that the idea isn’t “very promising” for React’s future road map for various reasons. - http://amp.gs/jG4cF

#react #preact

Secure Your Node.js App with JSON Web Tokens - http://amp.gs/jGRmX

#nodejs

How I Added Scroll Snapping To My Twitter Timeline

Šime Vidas shares how CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation. - http://amp.gs/jGRGQ

#css

Unit Testing Vuex Modules with Jest

With Vuex's centralized state management, you can simplify your application and take advantage of Flux-like architecture. - http://amp.gs/jGRvS

#vue

20+ Angular Code Improvement Tips You Need To Learn Now

In this article, I will talk about various code improvement points that you need to follow in your project to… - http://amp.gs/jGRAp

#angular