Tag: React
-
How we rebuilt React DevTools with replay routines
Posted on January 13, 2023, Level intermediate Resource Length medium
At Replay, we're building a true time-travel debugger for JavaScript. Our technology records everything that happens in a browser, so you can use it to debug any page regardless of what frameworks or libraries were used to build it. That said, framework-specific devtools are a valuable part of the debugging experience. By Mark Erikson.
Tags nodejs react frameworks web-development app-development
-
CSS-in-JS for React: Linaria vs. Styled components
Posted on October 12, 2022, Level intermediate Resource Length medium
When building a web application with React, one of the challenges apart from implementing the main logic of the application is styling and choosing the appropriate styling solutions for your application. By Osah Peter.
Tags frontend app-development css react javascript web-development
-
Simplify your React component's state with a state machine
Posted on September 14, 2022, Level intermediate Resource Length long
Use a reducer to implement a fully-typed state machine without breaking a sweat. As React developers, we've all had to work on a component where the state had become impossible to manage. By Guillaume Renard.
Tags web-development react javascript app-development
-
Micro-frontend with React and Next.js
Posted on August 5, 2022, Level beginner Resource Length medium
Working on a large-scale project and managing its codebase can be a big challenge for teams. Though micro-frontends have been in the picture for a while now, they are getting increasingly popular because of their unique features and usability. By Harsh Pate.
Tags frontend react app-development web-development nodejs
-
Why I don't miss React: a story about using the platform
Posted on May 7, 2022, Level intermediate Resource Length medium
My initial focus was to introduce Web Components as the new fundamental building block of all new DevTools features and UI. With the recently launched Recorder panel along with others, there are now large parts of DevTools that are almost exclusively web components. By Jack Franklin.
Tags web-development react app-development javascript browsers
-
How TypeScript design patterns help you write better code
Posted on March 29, 2022, Level beginner Resource Length long
TypeScript is a language that has seen a lot of exposure in the modern world of software engineering. Its powerful, strict type system reduces the likelihood of running into errors during runtime or hidden bugs in production due to the lack of strong types in, JavaScript, TypeScript's predecessor. By Eslam Hefnawy.
Tags react javascript web-development app-development
-
Fundamentals of functional programming with React
Posted on December 31, 2021, Level intermediate Resource Length medium
Understanding the concept of functional programming is a valuable skill for React developers. It is an important topic that most React beginners often overlook, making them encounter problems when understanding how React makes some of its decisions. By Ibadehin Mojeed.
Tags functional-programming react nodejs web-development javascript
-
Comparing SPAs to SSG and SSR
Posted on December 22, 2021, Level beginner Resource Length medium
What are the differences between Single Page Apps (SPA), Server Side Rendered Sites (SSR), and Static Site Generator based sites (SSG)? How do they compare in performance, SEO, developer experience, and flexibility? In this article, we give you an in-depth comparison of SPA, SSR, and SSG to help you make an informed decision on which strategies to use for your next front-end project. By Jacob Jackson.
Tags frontend css web-development angular javascript nodejs react
-
User authentication with React and AWS Cognito
Posted on November 5, 2021, Level beginner Resource Length long
An article explaining how to integrate AWS Cognito with React for user authentication. Cognito collects a user's attributes, it enables simple, secure user authentication, authorization and user management for web and mobile apps. By Carlos Zuniga.
Tags infosec web-development open-source cloud react javascript
-
Simplify state machines and statecharts with JavaScript
Posted on October 30, 2021, Level beginner Resource Length medium
Let's look at managing application state from a different perspective. If you're a frontend developer or a backend developer, you probably deal with state management daily. XState is a JavaScript/TypeScript implementation of the finite state machine and statecharts that will make your life easier. By Michal Sevcik @nearform.
Tags javascript frontend app-development web-development react
-
How containment in React can improve your code
Posted on September 27, 2021, Level intermediate Resource Length medium
Component composition is undoubtedly where React shines. Being able to freely compose larger views from smaller, flexible building blocks is great. But you have to be careful because it's easy to get it wrong (or at least suboptimal). By Tomasz Gil.
Tags react javascript web-development app-development
-
Integrating Firebase with React Native
Posted on August 6, 2021, Level intermediate Resource Length medium
Firebase is a Backend as a Service (BaaS) that provides an advantage to mobile developers who use React Native for developing mobile applications. As a React Native developer, by using Firebase you can start building an MVP (minimum viable product), keeping the costs low and prototyping the application pretty fast. By Aman Mittal.
Tags app-development nosql react javascript frontend