Medium·3yReact JS Best Practices
The React style guide is a set of recommendations for writing clean, maintainable code with React. Hooks are a new feature in React that allow you to use state and other React features without writing a class. The React memo higher-order component is a way to optimize the performance of your functional components.
Community Picks·3yWhy use NextJS?
Next.js allows you to develop fast and user-friendly web applications and static websites using React.js. It is a ReactJS framework for building server-rendered web applications. It includes a number of features out of the box, such as Automatic code splitting, filesystem-based routing, hot code reloading and universal rendering.
Supabase·3yWhat's new in Postgres 15?
The Postgres community released version 15 (stable) in October 2022. The permission model is more secure permission is revoked from all users except the database owner. It makes permission assigning more tunable ( details) Sorting rows of data is a frequent operation inside the Postgres code.
Community Picks·3ySystem Design Basics: What is an API Gateway?
API gateway is a server that acts as a single point of entry for a set of microservices. It receives client requests, forwards them to the appropriate microservice, and then returns the server’s response to the client. This enables microservices to focus on their individual tasks and improves the overall performance of the system.
asayer·3y30 Ways to Improve Website Performance with CSS
CSS accounts for 7 HTTP requests and 70Kb of code on the average web page. It’s not the worst cause of woeful website performance (I’m looking at you, JavaScript), but there are specific CSS challenges. The following 30 tips will help you optimize CSS to improve actual and perceived response times.
freeCodeCamp·3yBetter React Performance – When to Use the useCallback vs useMemo Hook
Using the useCallback vs useMemo Hook is one of the built-in hooks we can use to optimise our code. In this article you will learn the differences between and as well as how to measure the gain of the improvements you're getting in the codebase. The following methods for optimising React are really last resort options.
gitconnected·3ySystem Design Interview Basics: Difference Between API Gateway and Load Balancer
API Gateway and Load Balancer are both types of infrastructure that can be used in a computer network to manage incoming requests. API gateway is a server that acts as a single point of entry for a set of microservices. Load balancer is a network device that distributes incoming network traffic across multiple backend servers.
agoda·3y10 Best Practices for Flutter Developers
Flutter is the most popular and fast-growing cross-platform mobile application development framework used by developers worldwide. It allows developers to build natively compiled mobile, web, and desktop applications from a single codebase. Flutter has a fast rendering engine optimized for high performance allowing Flutter apps to run smoothly and efficiently on various devices.
Mercari Engineering·3yOptimizing React Re-Renders for Improved Performance
React uses a virtual Document Object Model (or "DOM) to optimize updates to the actual DOM. This process of updating the DOM is also called DOM manipulation, and it’s at the heart of web development. React uses something called the Virtual DOM to make DOM manipulation more efficient and improve performance. To do this, React triggers re-renders for components as needed.
Towards Dev·3yORM -The good and the bad things
An ORM (Object Relation Mapper) is a piece of software dedicated to translating between the data representations in relational databases and the representation in memory used with object-oriented programming (OOP) The good - Helps to save time to write queries - Reduce development time - reduce development costs - Adds an abstract layer for the DB repository.
Analytics Vidhya·3yMongoDB Replication and Sharding- A Complete Introduction -
MongoDB Replication and Sharding- A Complete Introduction Aditya Garg: A NoSQL database is a non-relational database that does not use the traditional table-based database. MongoDB is a powerful document-oriented database system. It has an index-based search feature that makes data retrieval quick and easy.
Auth0·3yAuth0 SDK for NextJS v2.0 released!
Auth0 SDK for NextJS v2.0 released! The Auth0 team released a new major version of the Auth0 NextJS SDK. This article will cover some of the most significant changes, but for a complete set, plus indications on how to migrate your current project to the new SDK.
Shopify Engineering·3yShopify Embraces Rust for Systems Programming
Shopify Embraces Rust for Systems Programming Shopify builds internet infrastructure for commerce to serve the needs of millions of merchants. Shopify's primary server-side application programming language has been Ruby. Rust provides us with predictable native-code performance, including fine control over memory usage, which makes it suitable for the lowest levels.
Web Performance Calendar·3yWeb Performance Calendar
The new D3 version of the state dashboard launched April 29, 2021. The time to interactive measurement is 4.3 seconds instead of 70 seconds. It was built for data scientists and doesn’t need (as much) JavaScript development. Deeper translations are baked all the way in to the labels.
DZone·3yFlutter vs React Native vs Xamarin
Most smartphone users use three different mobile platforms - iOS, Android, and Windows. Flutter is an open-source, cross-platform mobile app development framework created and maintained by Google in 2017. As per the report, smartphone users across the globe will rise to 3.8 billion by 2021.
JetBrains·3yWhat’s Next: WebStorm 2023.1 Roadmap
WebStorm 2022.3, our final major update of 2022, is scheduled for the end of March 2023. We’ve had an overwhelming amount of feedback, with the new UI being the absolute leader in the number of mentions. We want to make sure that at least the basic functionality like syntax highlighting and code completion works well.
ITNEXT·3y⚛️ Building React Virtual Scroll in 5 min — Alternative to Pagination and Infinite Scroll
Building React Virtual Scroll in 5 min - Alternative to Pagination and Infinite Scroll. Combining the best from pagination and infinite scroll to enhance user experience and performance. Each of the models has its own PROS and CONS and it is up to the developer to choose the right one for the specific use case.
LogRocket·3yHow to build a Rust API with the builder pattern
Rust library authors can work around this shortcoming quite effectively using the builder pattern. The builder pattern is simple: create an object that doesn’t need to hold all values, and let it create our type when all the required fields are present. In practice, you would use a builder for complex types with more dependencies.
This Week In React·3yThis Week In React #128: SWR, Vite, Codux, Storybook, Next.js, Forget, Nylon, Paper, align-deps, INP, Zod, Tauri...
This Week in React #128: SWR, Vite, Codux, Storybook, Next.js, Forget, Nylon, Paper, align-deps, INP, Zod, Tauri... Hi everyone! We are entering the Christmas season, and React bloggers are reducing the pace.
