React Hooks are a very powerful tool to add interactivity and features to user interfaces. As your application grows, you will increasingly rely on hooks, composing simple ones into complex hooks, and, before you know it, end up with an unreadable, unmaintainable mess that rerenders 5 times a second for no apparent reason. In this article, I will show you some React Hooks antipatterns and how to avoid them if you want a clean, readable, and robust application.
read more “Getting Out of Hook Hell: You Are Using React Hooks The Wrong Way”Tag: react
Server Components in React: Exploring the Next Generation of Server-Side Rendering
React started its way in 2013 as a simple UI library, suitable for developing simple client-side web apps. It had evolved since then into a huge ecosystem of frameworks and communities. Many features were added as time passed, and one most notable is server-side rendering (SSR) in the form of NextJS and the like. However, this is about to change as React gets native support for server-side rendering in the form of Server Components.
read more “Server Components in React: Exploring the Next Generation of Server-Side Rendering”Architecture Of Large React Apps: Tools and Techniques
React is an extremely easy to use frontend library. It allows prototyping and iteration at a neck-breaking speed. But, when developing large-scale production apps. it is important to carefully design the architecture and keep the design clear and simple. In this article I will go into some of the tools and principles you can use to architect your React projects.
read more “Architecture Of Large React Apps: Tools and Techniques”Simple Ways To Speed Up Your React App
React is, arguably, the easiest UI library out there. But this easiness comes at a cost, which is performance. In this article, I will list some ways to improve the performance of your React app drastically.
read more “Simple Ways To Speed Up Your React App”React Vs Angular: 2020 Edition
The sheer number of frontend frameworks can blow your mind. There are all kinds of frameworks: reactive, declarative, functional, MVC, MVVM, OOP, and so on. But the most popular ones are still React and Angular. As of 2020, what are their differences?
read more “React Vs Angular: 2020 Edition”10 React Interview Questions for 2020
React is the most used UI library right now. It powers Facebook and countless other companies. In this compilation, I will list 10 React questions to help you nail your next interview.
read more “10 React Interview Questions for 2020”Everything You Need to Know About React Concurrent Mode in 2020
React evolves constantly, and you have to keep up to be valuable on the market. In this post, I will tell you about React Concurrent Mode, a new feature that has yet to be adopted.
read more “Everything You Need to Know About React Concurrent Mode in 2020”How React Reconciliation Algorithm Works
React is a UI library used by millions, and they have good reasons to. React was first to achieve truly reactive way of developing user interfaces, which works on every platform imaginable. But few know, that without the React Reconciliation Algorithm, none of this would be possible.
read more “How React Reconciliation Algorithm Works”When React Is Too Much, AlpineJS Will Do the Trick
React is the world’s most popular front-end framework. It is very robust and rich in features, but that may be a little too much for smaller projects. This is where AlpineJS comes into play. It is smaller, faster, and easier to learn than React, which makes it perfect for specific purposes.
read more “When React Is Too Much, AlpineJS Will Do the Trick”Iterate Faster With Github Actions for React Native
React Native, together with Expo SDK, accelerated the process of mobile app development enormously. What if I told you you could push it even further by adopting continuous integration and deployment practices?
read more “Iterate Faster With Github Actions for React Native”