Overview
"Portfolio" is a collection of work, projects and achievements that an individual or organization has undertaken. It is often used to demonstrate the person's skills, experience, and abilities in a particular field. In the context of information technology, a "portfolio" is often a website or an online portfolio where programmers, designers, or other professionals can display projects that they have made, their source code, products or works of art. There are many languages that can be used to create a portfolio website such as html, css, javascript,... among which, creating a portfolio project using React.js is a great way to show off your programming skills. your presentation and make an impression on your audience.
Some React Js hooks that the project below uses:
UseState
useState is a Hook in the React library used to add state to functional components in a React application. Hooks, introduced in React 16.8, allow you to use state and other React features in functional components, rather than class components.
With useState, you can declare a state variable inside a functional component and provide a way for React to track the value of that variable. When the value of the state variable changes, React will automatically re-render the component.
UseRef
useRef is another Hook in the React library that provides a way to create mutable objects that persist across renders without causing the component to re-render. It's often used to access and interact with the DOM directly or to persist values between renders without triggering a re-render.
UseEffect
useEffect is another important Hook in the React library. It allows you to perform side effects in your functional components. Side effects can include things like data fetching, subscriptions, manual DOM manipulations, and more.
Redux
Redux is a state management library for JavaScript applications, commonly used with React for building user interfaces. It provides a predictable state container that helps manage the state of an application in a centralized and predictable way. Redux follows the principles of a unidirectional data flow and is particularly useful for managing complex application states.
CustomHook
A custom hook in React is a JavaScript function that starts with the word "use" and encapsulates reusable logic that can be shared across multiple components. Custom hooks allow you to extract and reuse stateful logic from functional components, making your code more modular and easier to maintain.