Introducing Codux: A Visual Editor for React Developers

This may be a sponsored post over at Smashing Magazine, but it does a better job of presenting Wix’s Codux visual-based React IDE than their own launch post did back in December when we featured it. - https://www.smashingmagazine.com/2023/06/codux-react-visual-editor-improves-developer-experience/

#react

A Quick Introduction to Micro Frontend using Module Federation

Learn what Micro Frontend is, its advantages, and how it works by sharing its state within two applications… - https://medium.com/strapi/a-quick-introduction-to-micro-frontend-using-module-federation-cdabbd1c0e7e

#microfrontends

vh, svh, lvh, and dvh

Manuel Matuzovic explains how dvh viewport unit addresses the issue on mobile where viewport changes depending on the state of interface elements. - https://www.matuzo.at/blog/2022/100daysof-day38

#css

Handling Assets in Nuxt 3

Nuxt 3 gives us two great options for managing assets in our web applications. But what’s the difference, and how do you know which to use? This article share’s some simple questions you can ask yourself to figure out where to put your assets, as well as the differences between the two strategies. - https://masteringnuxt.com/blog/handling-assets-in-nuxt-3

#vue

Incremental Builds with the Nx Cache

Speed up the build performance of your Angular application with the Nx Cloud - https://levelup.gitconnected.com/incremental-builds-with-the-nx-cache-a7959cfdc216

#angular

How to Draw Any Regular Shape with Just One JavaScript Function

Mozilla/MDN has a (relatively) new blog — here they share how to use JavaScript to draw any regular shape to a HTML canvas with a single function, and how to modify it to draw multiple shapes. - https://developer.mozilla.org/en-US/blog/javascript-shape-drawing-function/

#javascript

CommonJS is Hurting JavaScript

An interesting take on Node’s default module system, covering its history, its shortcomings, and the trickiness of managing both CommonJS and ES modules at once. Unsurprisingly, Andy wants us aboard the ESM train ASAP and to leave CommonJS at the station. - https://deno.com/blog/commonjs-is-hurting-javascript

#nodejs

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