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

A React 'Bug' (Of Sorts..)

The details HTML element doesn’t seem to play well when used as a controlled component in React, as pointed out in this open GitHub issue. A quirk to be aware of. - http://amp.gs/jGRwV

#react

How Our Organization Improved Web Accessibility

Catherine Houle and Ilknur Eren share how their organization removes barriers for people who learn and think differently by combining accessibility and usability in their processes. - http://amp.gs/jGUCm

#css

Clean Architecture: TypeScript Express API

By employing clean architecture, you can design applications with very low coupling and independent of… - http://amp.gs/jGU4N

#nodejs