3 June 2022
18 min read
In this article Ryan Carniato, the author of Solid library, explores an implementation of the "view as a function of state" principle in popular UI libraries React, Vue and Svelte. Read it if you're interested to learn what every one of them brings to the table when it comes to implementing reactivity patterns.
This article will teach you about shallow and integrated routing component tests. You'll learn how to user RouterTestingModule correctly and where it can help in integrated routing component tests. To explore the module, the article discusses the Location service and its dependencies.
In this article Santosh shares his stuggles to finding the culprit of large bundle size of Angular components. He suggests to try a few unconventional things like turning off view encapsulation for components and instead using Host Binding to wrap the styling. The article ends describing the effect these measures can have on a bundle size of an application.
This is an indepth overview of the essential development tools by Serkan Sipahi. For a long time he opposed using ESLint and Prettier, but eventually he found a few compelling reasons to adopt them. Eventually he decided to dive deep into the configuration options of these tools and figured out a few common workflows that made him more efficient. In this article he talks about the findings and outlines an approach that worked for him.
This piece is a great exploration of how React works in a server-side-rendering context when ReactDOMServer API is used instead of browser's ReactDOM. Josh starts his story with React component being rendered in the wrong spot and continues to explore how frameworks that use SSR differ from traditional client-side apps built with React. He comes to the critical realization that rehydration is not the same thing as a render. The article also introduces a concept of two-pass rendering to solve common problems and describes performance implication of using it in the real world.
In this great article Evan You, the creator of Vue.js library, talks about the process of completely rewriting the library. He talks about the reasons that inspired the rewrite and outlines the architectural challenges the team faced to make the framework faster and smaller. In the end Evan explores various needs and use cases of existing library users and how the rewrite seeks to strike a balance between various trade-offs for them.
If you've read the article about reactivity patterns and wondering why Ryan didn't include Angular check out this discussion where Lars asked exactly this question.
A deep-dive into the rendering process of Chrome, Angular Components Design Patterns and a case for using custom hooks in React components
Refactoring Angular codebase, 5 Types Of React's Application State and CSS utility classes paradigm
New Angular's UI library Taiga, tao of React development and computational caching fundamentals