Apr 04 2024

Articles I read on my way to work - #6

HTML

• What is Cross-Browser Compatibility? How to Build Websites that Work Everywhere
• How to Use HTML Forms – HTML Form Basics

CSS

• How To Center a Div - You probably familiar with few ways to center a div. But do you know all the drawbacks of each approach?
• Open-sourcing our progress on Tailwind CSS v4.0 - Tailwind team is open sourcing their Tailwind v4.0 progress
• [Podcast] UI Components: ShadCN, Tailwind UI, Headless, React Aria, Radix UI

JavaScript

• What is Dead Zone in JavaScript?

TypeScript

• 742: Potluck: Migrating to Typescript, Semver Explained, Accurate Timers and Countdowns
• Wide vs Narrow Types in context of objects
• TypeScript vs ESLint - diffs
• Return Types vs Inference in Typescript
• What is Zod?

React

• Mastering React JS SOLID Principles - Short article about how to apply SOLID in React application on most basic level
• Why We Memo All the Things - Interesting take on why not “memoing all things” is a premature optimalization
• React useEffect and objects as dependency - 4 approaches to avoid unnecessary executions
• Making Sense of React Server Components
• How to Build a Breadcrumb Component with react-router-dom
• Understanding Cookies and Sessions in React
• How to safely use dangerouslySetInnerHTML in React
• Conceptual Model of React and RSC

Angular

• Angular and Wiz Are Better Together
• Meet Angular’s new output() API

Next.js

• How Next.js breaks React Fundamentals - For me title should be more like “How RSC breaks React Fundamentals on Next.js example”. But author has an idea how to fix that so it is worth reading.
• Dockerize Next.js & Deploy to VPS
• Next.js with a separate server - good idea?

Testing

• Implicit Assertions - Article about avoiding unnecessary assertion

Architecture

• How large pull requests slow down development - And how stacking PRs can help you
• Jak tworzyć skalowalne aplikacje frontendowe? - [PL] Long video about frontend architecture.
• Planetscale introducing schema recommendations

Self-development

• [Podcast] Fitness Will Make You a Better Developer - I am forwarding that because in my case starting playing football improved my willingness to work a lot.## Releases
• Bun 1.1 - Bun is finally working on windows!

Other

• [Podcast] Middleware Explained
• Web Scraping with GPT-4 Vision AI + Puppeteer
• Introduction of Devin, the first AI software engineer
• 100+ Docker Concepts you Need to Know - Video that sums up 101 basic concepts to understand Docker
• How to Run GitHub Actions Locally Using the act CLI Tool
• 739: The LoFi Movement: Building Local First Apps