Dec 17 2023

Articles I read on my way to work - #1

HTML

• How to Create HTML Accordion Elements With and Without JavaScript - Tutorial covering 2 of my favorites html tags - details & summary. Nice to know them.

CSS

• Workarounds for Buggy Gradients - If you use gradient color space other than rectangular this article can help you.
• A Few Ways CSS Is Easier To Write In 2023 - About modern CSS solutions.

JavaScript

• Let’s learn how modern JavaScript frameworks work by building one - Great guide on how build a framework, but also good portion of knowledge about how popular frameworks… works.
• What’s New in JavaScript in 2023 – Changes with Code Examples - The changes in ecmascript this year were not major, but it is worth remembering what’s new or getting acquainted with the changes, because new functions improve UX, especially in functional programming.
• Learn REST APIs by Building a JavaScript Project - I don’t like “build with me” tutorials because they don’t provide good amount of knowledge, but this one explain well basics concepts rather than just how to use them.
• How JavaScript Promises Work – Tutorial for Beginners
• How to Use JavaScript’s Array reduce() Method – Explained with Examples - Array.reduce() function guide for begginers.
• How to Use JavaScript Arrow Functions – Explained in Detail - Article covering when you should and when you shouldn’t use arrow functions.
• innerHTML vs innerText vs textContent – What’s the Difference?
• Speed up your App with Web Workers - Short, old post from Kent C. Dodds to get to know why and how you can use Web Workers
• Explicit Resource Management: Exploring JavaScript’s and TypeScript’s new feature - About using in JS, I still managing to forget about this keyword 😅

React

• We migrated 50,000 lines of code to React Server Components - Great read, especially if you planning to switch your app to React Server Components or learn RSC.
• Don’t Sync State. Derive It! - About deriving React state for performance & code readability benefits.
• How to Use setTimeout in React Using Hooks - Article covering good practices about how we can use setTimeout function in React hooks.
• Highly customizable phone input component with auto formatting - If you ever need input like that for prototyping.
• How to Use the SWR Library for Better Data Fetching in React - …and for better performance!
• Multiplayer Checkers game made with PhaserJS, ReactJS, NestJS, SocketIO - If you ever wanna make a multiplayer game with SocketIO, here is the reference.
• Web Components Eliminate JavaScript Framework Lock-in - Article about what are and how to use Web Components with React on example of Todo App.
• Live Editor with React, Quill, and Socket.IO - React project that uses Socket.IO to create collaborative text editor.

Angular

• Use Angular’s New Deferrable Views Now - Article explaining how new lazy loading feature works by Angular team software engineer.

Next.js

• Next.js 13 vs Remix: An In-depth case study - What sets apart Remix and Next.js 13 (It is not about community!). Good longread.

Releases

• Redux v5.0.0 - Release of Redux 5.0 with breaking changes.
• Release v2.0.0 · reduxjs/redux-toolkit · GitHub - Release of redux-toolkit v2.0.0 with breaking changes.

Other

• eslint-plugin-jsx-a11y - Static AST checker for accessibility rules on JSX elements.
• 701: A11y Treats - Labels & Roles - Syntax.fm episode about ARIA label & role.
• 702: New + Proposed JS APIs for 2024 - In this episode of Syntax, Wes and Scott talk through new and proposed JavaScript APIs including ones related to regex, sourcemaps, structured clone, temporal, JSON modules, and more!
• 703: The Observer Pattern - In this episode of Syntax, Wes and Scott give a high level overview of the observer pattern, what is the observer, what are downsides to too many observers, and more.
• jordan-cutler/path-to-senior-engineer-handbook: All the resources you need to get to Senior Engineer and beyond - I’m not a big fan of that kind of lists, becouse you can get distracted/scaried by amount of links, but if your looking for specific topic/community I recommend you check that repo.
• How to scale a large codebase - Vercel take on scaling large codebases.
• Full-Stack Tao: Picking a Tech Stack - Goodread
• Get Started with Astro 4.0 - New major release of Astro. It’s time to update your great side projects 😈
• How Chrome DevTools can override Fetch and XHR requests! - Easy and helpful
• Just Ship, Baby - About ship-first, then refactor if needed approach.