BetaTopics

React

List of articles related to React.js library

1. JWT Authentication in React with react-router - https://dev.to/sanjayttg/jwt-authentication-in-react-with-react-router-1d03

Good example how we can integrate JWT authentication with React and react-router. How to handle public routes, secure authenticated routes. Utilize the axios library to make API requests with the authentication token.
Highlights: JWT react-router axios

2. React Interview Questions & Answers - https://github.com/sudheerj/reactjs-interview-questions

500 question sto check your React knowledge and prepare you for interview in this field.
Highlights: interview theory exam

3. Tilt effect with React - https://www.julienthibeaut.xyz/blog/create-tilt-effect-with-react

A tilt effect is a visual effect that makes an element look like it is tilting when the user moves the mouse over it. Dive in to see how we can implement it.
Highlights: tilt styles animation

4. Is React Having An Angular.js Moment? - https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html

Server Components are a new way to build web applications that doesn’t fit with most existing React app. Is this change as big as the move from Angular.js to Angular 2?
Highlights: Server Components angular.js to Angular 2 braking changes Next.js

5. MouseTracker: A react component that follows your mouse - https://yoavik.com/snippets/mouse-tracker

This component lets you render content that follows your mouse. The component accepts any children, and renders them into a fixed-position div that takes the coordinates of the mouse, with optional offsets.
Highlights: component mouse tracking

6. Writing Clean and Efficient React Code - Best Practices and Optimization Techniques - https://dev.to/sathishskdev/part-4-writing-clean-and-efficient-react-code-best-practices-and-optimization-techniques-423d

Various techniques and strategies to write clean and efficient code in your React applications. By following these best practices, you can improve the maintainability, performance, and readability of your codebase.
Highlights: bestpractices javascript cleancode

7. How to test custom React hooks - https://kentcdodds.com/blog/how-to-test-custom-react-hooks

Examples how we can write simple test cases to test our custom hooks. Examples are using @react-hooks-testing-library
Highlights: test react-hooks-testing-library custom hooks

8. React Hook for Avoiding Flash of Empty UI While Data Transitions - https://www.jameskerr.blog/posts/use-data-transition

Simple hook to cache data and prevent fast requests flash your content.
Highlights: custom hooks cache requests

9. React can update state during render - https://swizec.com/blog/react-can-update-state-during-render/

After years of using React, it still packs a surprise. Did you know you can update state while rendering?
Highlights: render hooks useEffect setState

This site is open source. Improve this page.