From the OpenReplay Blog
How to Use Props to Pass Data to Child Components in React.js
Learn how to make your React components reusable by using props. Props are a powerful feature that enables the component-based approach.
How to Make HTTP Requests with Axios
Get started with Axios and learn how to make HTTP requests like a pro with the most popular libraries, while keeping security in mind.
JWT Authentication Best Practices
The importance of securing frontend client, micro-service communication and client-microservice interaction through JSON Web Tokens.
JavaScript Heap Out Of Memory Error
A quick solution that you can use to fix "Heap Out Of Memory Error" in JavaScript. We lay out the causes and how to prevent them.
Introducing OpenReplay Synthetics
Minimize downtime and be proactive by continuously monitoring your most critical user journeys in live environments with OpenReplay Synthetics.
How to Use Async Actions for Global State With React Hooks and Context
Optimize re-renders using state usage tracking with React Hooks, detect the usage in render, and triggers re-renders. For Redux/non-Redux.
Introducing OpenReplay Metrics
Great frontends make great digital experiences. OpenReplay Metrics helps you ship apps that are consistently fast, making your users delighted.
Polling in React using the useInterval Custom Hook
UseInterval is a custom Hook on React that makes intervals simpler in your web app.
Developing React JS Global State Library With Atom Abstraction
In line with Recoil, Atom Abstraction eliminates selector functions for render optimization and makes API pretty intuitive.
Redux In Web Workers: Off-Main-Thread Redux Reducers and Middleware
Several experiments to off load Redux, often used with React, from the main thread, and run some or all of Redux store in Web Workers
How to Measure Performance in JavaScript Applications
How to accurately measure the performance of your JavaScript application using the browser's Performance APIs (now, mark and measure).
How to Debug Javascript Apps with Chrome DevTools
The tools and tactics developers use to debug their javascript applications (Vue, Angular, React) with Chrome DevTools.
How to use React Transition Group & React Animation Library
Another handy React animation library to have in your tool belt.
Find Your Best Code Solution Understanding Big 0 Notation
Big 0 is a concept that describes the runtime and space complexity of your solution in terms of how quickly it grows relative to the input.
Steps to Develop Global State for React With Hooks Without Context
Learn how to use state and other React features without writing a class.
How Browser Rendering Works and Why You Should Care
This article gives an overview on the browser page rendering process and explains the basics of efficient javascript animation.
How to Write Better TypeScript
Learn how to make better use of Typescript's strengths and features while involving React.
Incorporating CSS to a Page via HTTP Headers
A quick solution to use CSS via HTTP headers. Tips & Techniques on how to add CSS to pages on personal projects.
A Practical Guide To Optimizing Performance On The Web
Web performance optimizations significantly improve user experience on as web applications get bigger and more complex.
Using React Context API with Gatsby
Learn how to implement a dark mode UI using React Context, Gatsby and a Theme Provider.
Comments, Clean Code and JavaScript
Inaccurate comments mislead developers, especially those maintaining the code. Here are few quick tips on how to write useful comments.
OpenReplay 2.0
We are thrilled to share our latest release. We believe this is our biggest step towards building the nextgen of frontend monitoring tools.
How to Debug Angular Apps with Chrome DevTools
The tools and tactics Angular developers use for debugging their applications in production, with a focus on Chrome DevTools.
Rethinking Frontend Monitoring
Frontend monitoring and the increase in complexity due to modern application stack and the blind spots in frontend monitoring.