Stop building REST APIs for your Next.js apps, use tRPC instead
When I first started developing full-stack applications, I was building and managing my own REST APIs. I began with building them in Java with Spring, then moved over to .NET, then to Node.js with Express, and even dabbled in a little bit of Django. To say that managing two different projects in different languages (sometimes) is cumbersome would be putting it lightly. Enter tRPC, a tool for build
Deep Dive Into Tree-Shaking
In the JavaScript world, the term tree-shaking refers to the removal of dead code. But this terminology is not limited to JavaScript, the word “tree-shaking” comes from Lisp Community in the 1990s. Thanks to Axel Rauschmayer, who turns himself into Indiana jones and find the exact origin of this word on Twitter. When I first heard about this topic, I was so excited to learn about tree-shaking. So
Applying Atom Design Methodologies with React
⚠️ Important: Read the comments I left on the code. They might be useful to understand why I did some things. Also in the comments I leave the path of where the files will reside.This is just a way to structure your project folder and files. You can even use something simpler than this.⚠️ Note: I’m going to divide this article into two parts: The Hexagonal Architecture and the Atom Design Methodol
Commons Mistakes with React useEffect hook and How to Prevent them.
useEffect is a powerful tool, but you need to use it with a clear understanding of how it works. Otherwise, you could end up in a disappointing situation where some unexpected bugs appear that are really hard to debug. Returning a Promise instead of a function in useEffectThe first mistake I would like to talk about is that useEffect expect you to return undefined or a cleanup function. But if you
Why You Should Avoid Abstract Classes in Typescript
Photo by Steve Johnson on UnsplashAn abstract class in TypeScript is defined by the abstract keyword. It’s meant to be derived by other classes and not to be instantiated directly. The example below has the BaseLogger, which is an abstract class that enforces derived classes to implement its abstract methods. abstract class BaseLogger { abstract log(msg: string): void }// Error! Non-abstract class
Creating Clean Responsive Apps with React and Styled-System
Component design systems let a team collaborate and provide users a consistent visual and functional UI across different applications. Consistency has four types, visual consistency, functional consistency, internal consistency and external consistency at the UX design principle and I focus on visual consistency in this article. Front-end Development IssueFront-end development issues have been aro
Svelte vs React: First impressions
3 years ago, Rich Harris created a framework which is called Svelte. The biggest impact on that new framework was that it’s not working on Virtual DOM like ReactJS, VueJS or AngularJS. I created exactly same todo list application both in Svelte and React. What i mean with exactly is not only about its functionality or visuality but also i did not used any 3rd party libraries and used their interna
Optimize Redux before it kills your Application
CodeSandbox ImageFirst of all, let’s take a look at how a React-Redux application works. What Redux does internally, It provide us with a store for our app’s state and with ways to communicate with the store. One of these ways is the connect() function. After calling connect() on a custom component you get a wrapper that passes state from a store as props to your component. This happens by means o
Is it time to move on from Virtual DOM (React)?
I have been developing web apps over a decade and have witnessed the rise and fall of many JavaScript libraries and framework. Change is inevitable in Framework’s Hell. As a developer, I wondered if there exists a pattern and more importantly, can we predict the next shift? Today’s most popular successor bridges the gap created by its predecessor To understand this shifting pattern of frameworks,
Why does JavaScript have -0?
Using strict equality comparison, -0 and +0 are equalA Tale of Two ZeroesSince the early versions of JavaScript there have always been two ways of performing equality comparison: Abstract Equality Comparison using == aka “double equals”Strict Equality Comparison using === aka “triple equals”ES6 delivered a third option in the form of the Object.is method. It has some slight differences that hint a
I tested a React app with Jest, Enzyme, Testing Library and Cypress. Here are the differences.
Jest vs Testing Library vs Cypress: The results of the tests are in!You probably know that knowing how to test your code is important.A lot of jobs in tech will require knowledge of testing with at least one testing tool/framework/library. Here we will look to show you how to write tests with three different tools so that you can not only see the differences between them, but also begin to underst
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Signals Explained: High-Performance State Management with Preact Signals
Improving Nest.js : Essential Packages You Should Know
Never miss a switch case with TypeScript
How Tree-shaking in JavaScript Bundlers work
Building Vue Enterprise Application: Part 2. Services
V8 engine and Inline Caching in JavaScript
I created the exact same app in React and Svelte. Here are the differences.
Creating Axios mock requests in Jest
Reports of the Virtual DOM’s Death are Greatly Exaggerated