Building the Foundation of a Full-Stack App with Nest, Next.js and tRPC

Discover how to create a fully type-safe pnpm monorepo using NestJS, a powerful Node.js backend framework, and Next.js. This covers the integration of tRPC as the API layer, providing end-to-end type-safety for full-stack TypeScript apps. - https://www.tomray.dev/nestjs-nextjs-trpc

#react

The Anatomy of visually-hidden

James Edwards explains how exactly work styles used to hide content from most users while keeping it accessible to assistive technology users. - https://www.tpgi.com/the-anatomy-of-visually-hidden

#css

Angular — Using NgTemplateOutlet to communicate between parent and dynamic…

Here is an introduction of using NgTemplateOutlet as an alternative of component-level scoped service for… - https://lukeliutingchun.medium.com/angular-using-ngtemplateoutlet-to-communicate-between-parent-and-dynamic-child-components-4d74ca9ba9b

#angular

AI Chat Bot with Vue.js and GPT-4

AI is a powerful tool of the future. With Open AI's Chat Completions API (GPT-4), adopting it in your applications is as easy as a REST request. This fun tutorial teaches you how to interact with this powerful API in the context of a Vue 3 application. - https://vueschool.io/courses/ai-chat-bot-with-vue-js-and-gpt-4

#vue

ChatGPT vs. My Google Coding Interview

Previously, I wrote about my go-to coding interview question, which is a slight twist on a standard binary… - https://medium.com/codex/chatgpt-vs-my-google-coding-interview-8ab474b759b6

#chatgpt

A React Testing Crash Course for Next.js Apps

It’s three hours long, but Anson focuses on the essentials and walks through everything step by step. - https://www.youtube.com/watch?v=Q-Sg4p_iQvw

#react

A Massive Bug at the Heart of the npm Ecosystem?

In short, package manifests and their actual contents aren't necessarily aligned and this can be manipulated by bad actors into even catching out some security tools. - https://blog.vlt.sh/blog/the-massive-hole-in-the-npm-ecosystem

#nodejs

Mastering Nuxtjs Color Modes: A Step-by-Step Guide to Implement Dark Mode and Light Mode on Your Nuxt 3 Website

In this day and age, providing a personalized and engaging user experience is essential for businesses. One of the simplest ways to do this is to provide website visitors with the ability to choose between a light and dark mode. This article provides a guide for implementing a light and dark mode in your Nuxt 3 application with Tailwind CSS. - https://selemondev.hashnode.dev/mastering-nuxtjs-color-modes-a-step-by-step-guide-to-implement-dark-mode-and-light-mode-on-your-nuxt-3-website

#vue

100 Days Of More Or Less Modern CSS

Manuel Matuzovic started a fantastic project where he writes a blog post about modern CSS daily. - https://www.matuzo.at/blog/2022/100-days-of-more-or-less-modern-css

#css

Better Type Safety with Angular Generic Components

Improve your components’ type safety - https://itnext.io/better-type-safety-with-angular-generic-components-4a0b4a333bae

#angular

How to Add Playwright Tests to Your Pull Request CI with GitHub Actions - https://snyk.io/blog/how-to-add-playwright-tests-pr-ci-github-actions/

#nodejs #playwright

Build Better Forms with Vue.js 3 Composition API: A Practical Guide

Learn how to create custom form components with Vue.js 3 Composition API, including validation, submission handling and more. - https://digitalpatio.hashnode.dev/build-better-forms-with-vuejs-3-composition-api-a-practical-guide

#vue

6+5 Ways To Make a Two-Column Layout: From Pretty Reasonable To Completely Wrong

Vadim Makeev explores various ways to create a simple two-column layout. - https://pepelsbey.dev/articles/two-columns

#css

An Update on Next.js's App Router

The ‘app router’ in Next.js 13+ offers a new approach for structuring Next apps and is recommended for all new ones going forward (it became stable in Next.js 13.4 last month). This post provides a welcome update on how the project sees the feature evolving and how the team is continuing to integrate and collaborate with React generally. - https://nextjs.org/blog/june-2023-update

#react

TypeScript: Any vs Unknown vs Never

A deep dive into these three intriguing types - https://betterprogramming.pub/typescript-any-vs-unknown-vs-never-9d0eb7416b2b

#typescript

Node.js, lots of ways to block your Event-loop

Some simple examples of how to block or slow down the Event-loop. Don’t do that in your app! And keep an eye… - https://medium.com/voodoo-engineering/node-js-lots-of-ways-to-block-your-event-loop-and-how-to-avoid-it-b41f41deecf5

#nodejs

Nuxt vs VitePress vs Astro

Timi compares Nuxt vs Vitepress vs Astro
He focuses on what they are, their key features, and their ideal use cases. - https://medium.com/vue-mastery/nuxt-vs-vitepress-vs-astro-c828db8f832d

#vue

Config based service implementation in Angular

Angular framework takes advantage of the Dependency Injection mechanism in a lot of places. For instance, you… - https://medium.com/javascript-everyday/config-based-service-implementation-in-angular-ff39ac2a7f04

#angular

React Server Components from Scratch

Dan Abramov recently released an introduction to RSCs built around reimplementing them from scratch. He asked on Twitter if anyone could record the post in video form and Jesse stepped up with a little 'dramatic reading' for added effect. - https://www.youtube.com/watch?v=8aD58kGBJYc

#react

Space, Grids, and Layouts

Elliot Dahl offers some advice on defining baseline grids, column grids, spacing, and layouts. - https://www.designsystems.com/space-grids-and-layouts

#css