useFrontendNews
@useFrontendNews
Followers
7
Following
134
Media
15
Statuses
121
Daily dose of frontend news around react ecosystem that will make you learn today’s modern frontend stack a little more everyday.
India
Joined April 2022
How are you handling errors on your NodeJs application. If you are looking for best practices for handling errors on NodeJs, this article is a must read. Courtesy @sematext
sematext.com
Don’t you hate it when you see an uncaughtException error pop up and crash your Node.js app? Yeah… I feel you. Can anything be worse? Oh yeah, sorry, unhandledRejection I didn’t see you there. What a...
0
4
5
4 Micro-Frontend Anti-Patterns. The 4 common ways to make a mess in… | by Santosh Shinde | JavaScript in Plain English
levelup.gitconnected.com
The 4 common ways to make a mess in micro-frontend-based applications.
0
0
0
This “12 Days of Web” series by @5t3ph and a stellar selection of guest writers is *SO GOOD* https://t.co/24qacOFbwU
1
22
112
How to build, test, and publish a TypeScript npm package in 2022 | Strict Mode
0
0
0
Next.js 13.1 ◆ `app` Directory (Beta): Improved DX and reliability ◆ Turbopack (Alpha): Tailwind CSS, error overlay, `next/image` ◆ Middleware: Return `Response` and set `Request` headers ◆ Edge API Routes (Stable): Lighter, Web-standard runtime https://t.co/SxJqOYo66n
nextjs.org
Next.js 13.1 introduces improvements to the app directory, built-in module transpilation, stable edge runtime for API Routes, and many improvements to Turbopack support.
31
175
1K
Next.js No longer use SSR/SSG functions https://t.co/H6ER00Jvbg via @YouTube
0
0
0
Next.js 13 ◆ Layouts ◆ React Server Components w/ Streaming ◆ Component-based Data Fetching & Caching ◆ Turbopack: the Rust-based Webpack successor ◆ Improved `next/image` ◆ @next/font https://t.co/jub9Mdske5
nextjs.org
Next.js 13 introduces layouts, React Server Components, and streaming in the app directory, as well as Turbopack, an improved image component, and the brand new font component.
25
418
2K
🔥 CSS Features to start learning, as I expect them to ship in all browsers in 2022: 1. Container Queries 2. Cascade Layers 3. Color Functions 4. Viewport Units 5. :has() 6. Overscroll Behaviour 7. Subgrid 8. Accent Color 9. Media Query Ranges
12
301
1K
The Movies App. It features multiple routes and views, authentication, dark mode and a range of performance optimizations. Its goal is to educate developers on how they can build a good user-experience that can deliver reasonable performance with good DX.
tastejs.com
Movies is a non-trivial learning application in Next.js, Angular, Nuxt.js, Svelte, Lit and other frameworks. Built to show developers how they can deliver reasonably good experience while maintaining...
0
0
0
React’s “use” hook in 1 tweet: Works like “await”. Wraps promises (and soon other things). The component replays when the promise resolves. Only for client. Can be called conditionally! Can be placed in the same spots as “await”. Part of Suspense data fetching story. #react
24
103
766
TypeScript tip: Avoid making a property optional when the property isn’t valid in a certain case. Instead, declare 2 separate types, and use Omit to avoid copy/paste. Example: Many objects lack an id until they're saved. So declare a separate "Unsaved" type. #typescript
27
218
2K
🚨 New TypeScript Repo🚨 32 new exercises on: 1️⃣ Branded types 2️⃣ Identity functions 3️⃣ The Builder Pattern 4️⃣ Using external libraries Still a couple of WIP spots, but it's ready for fresh eyes! https://t.co/5DIV1mlSjT
github.com
An interactive TypeScript repo on advanced patterns (WIP) - total-typescript/advanced-patterns-workshop
9
117
615
Do you know what mutation testing is? Test your code not just to increase coverage but see it run against edge cases around your code
stryker-mutator.io
TL; DR: Mutation testing introduces changes to your code, then runs your unit tests against the changed code. It is expected that your unit tests will now fail. If they don't fail, it might indicate...
0
0
1