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

How to Implement Storybook in React + TypeScript + Material UI application

Storybook is a UI development tool that lets you preview your components in a very rich library design that… - https://javascript.plainenglish.io/how-to-implement-storybook-for-react-typescript-material-ui-application-f2dcbdca2ce3

#storybook

How to Use Attribute Inheritance in Vue 3

Attribute Inheritance was enabled in Vue 2 but became very efficient in Vue 3, with a more reliable API to use in any component. In this article, we will be talking about Attribute inheritance in Vue.3, and by the end of this tutorial, users will be able to use and disable attributes inheritance in their Vue code, understand the difference between props and non-props attributes, and how attribute inheritance affects multiple root nodes. - https://blog.openreplay.com/how-to-use-attribute-inheritance-in-vue-3/

#vue

Creating a Seamless Multi-Language User Interface

A look at the fundamentals of building a React app with basic i18n and multi-language support. - https://www.honeybadger.io/blog/creating-multi-language-user-interface-with-react/

#react