Vercel Releases Next.js 13 at Next.js Conf

React-based site builder Next.js introduces some major changes in v13, with a big focus on beginning to reduce the amount of client JavaScript required to run apps. One huge development is the introduction of the app directory, which can include shared layouts, React Server Components for server-side component rendering, components that support streaming data and new data fetching capabilities. - https://nextjs.org/blog/next-13

#nodejs

Lessons Learned in Moving to Recoil.js

Kitemaker recently moved to Recoil (a state management library from Facebook, but not the React team) to help remove unnecessary re-renders in their React app: this is what they learned along the way. - https://kitemaker.co/blog/lessons-learned-from-moving-to-recoil

#react

When is it OK to Disable Text Selection?

Daniel Schwarz explores some legitimate use-cases for disabling user text selection to improve (not hinder) user experiences. - https://css-tricks.com/when-is-it-ok-to-disable-text-selection

#css

10 Books Every Senior Engineer Should Read

Engineers are natural readers. They take enormous pleasure in learning about new things, and books are the… - https://semaphoreci.medium.com/10-books-every-senior-engineer-should-read-a61c1917e2a7

#book

A complete guide to architect your Flutter application - https://medium.com/codex/a-complete-guide-to-architect-your-flutter-application-a5a4da662549

#flutter

Node 18 Becomes Active LTS with v18.12.0

Formerly a ‘current’ release getting all the newest features, version 18 is now the active ‘Long Term Support’ release and will remain so until October 2023. Its codename is Hydrogen – quite fitting as the most abundant element in the universe. - https://nodejs.org/en/blog/release/v18.12.0/

#nodejs

Testing Pinia Data Stores in Vue

This tutorial describes how to test Pinia data stores in Vue applications. - https://testdriven.io/blog/vue-pinia-testing/

#vue

NgRx — How to deal with large stores in Angular - https://medium.com/@timgular/ngrx-how-to-deal-with-large-stores-in-angular-227b1e0fe48e

#angular

Creating a World-Class Code Playground with Sandpack

A couple of months ago we featured the release of CodeSandbox’s Sandpack, a toolkit for creating your own ‘live code editor’ components. Josh Comeau shows off how to actually use it to good effect to boost your blog posts, courses, etc. - https://www.joshwcomeau.com/react/next-level-playground/

#react

Dreamy Blur

Yuan Chuan shows how to create a dreamy effect using CSS. - https://yuanchuan.dev/dreamy-blur

#css

Implementing a Generic Repository Pattern Using NestJS

Generic Repository — A NestJS and Mongoose implementation - https://betterprogramming.pub/implementing-a-generic-repository-pattern-using-nestjs-fb4db1b61cce

#nodejs

How to Test "window open" in Vue with Vitest

In this post, we perform a simple test to review some basic concepts of unit testing Vue with Vitest. - https://dev.to/lesalvucci/how-to-test-windowopen-in-vue-with-vitest-56pn

#vue

Code Coverage with Storybook Test Runner

Coverage reports can show you how much of your code is actually executed during testing and allow you to find untested edge cases – something you’ll definitely have as your app picks up more and more possible UI states. Storybook test runner now generates coverage reports to help with this and supports React, Svelte and Vue out of the box. - https://storybook.js.org/blog/code-coverage-with-the-storybook-test-runner/

#storybook

Books for Great Software Architects — Fundamentals Path

It has been common to see posts and articles talking about what a software architect must read and what your… - https://haitham-raik.medium.com/books-for-great-software-architect-34c81fc70e12

#architecture #books

Use Cases for CSS Comparison Functions

Ahmad Shadeed explores a few use cases for comparison functions and explains each in detail. - https://ishadeed.com/article/use-cases-css-comparison-functions

#css

How to Accept Payments with React and Stripe

This takes you through the complete lifecycle of activities required to implement the popular payments provider. - https://www.freecodecamp.org/news/react-stripe-payments/

#react

SOLID principles in Functional Programming

Functional programming is getting more and more popular nowadays, bringing some fresh concepts to the table… - https://medium.com/@mkocik/solid-principles-in-functional-programming-b9b83aeddf80

#solid

Microservices using NestJs

As a backend developer, I was always fascinated by microservices, dreaming of joining a big team where we use… - https://splimter.medium.com/microservices-using-nestjs-4ea5f1580d32

#nodejs

Better Rendering Performance with Virtual Lists

Rendering huge lists will cause rendering performance issues in your app. Learn how to implement list virtualization to solve this issue. - https://www.youtube.com/watch?v=4roJKfgPLk4

#vue

State of CSS 2022 Survey is Now Open

The annual developer survey about the latest trends in CSS is now open. Make sure to fill it out so we can all understand better where we are and where we’re going. - https://stateofcss.com/en-us

#css