Learn why you don't need to add the returned value from the watch function in react-hook-form into your local state.
Learn what the sonar lint message "Do not define components during render" means. Learn how to fix it and why you should
Learn how to build your First React Component. Learn how a React component encapsulates it's state and logic for reusability
Learn about React's Virtual DOM. Read about why the virtual DOM is so important to understand when learning React development
Learn the top 21 essential tips that every React developer should know. Make sure your apps are high quality with these tips
Learn how to iterate arrays using the JavaScript map function in React applications. Understand why it is useful and get comfortable using it.
React 17 comes with the benefit of not needing to import react into each source file. Learn why this is and where you still need to import it
Learn how to create a list and display it in a React application. Walk through a very simple example showing the minimum code required.
Learn how to delete items from state array in React. Learn how to use the filter method to not alter you state array.
Learn how to add items to collections/lists in React. Make sure that you are using state the right way in React.
Learn how to create basic lists in React. See how to construct a list using the Javascript map function and what is rendered as HTML
Should you learn JavaScript and CSS Before React? You don't need to, but it certainly will help. Learn the reasons why here!
Learn about the state initializer pattern in React. Examine a brief example showing how the pattern can be put into practice.
Learn about the React useState State hook. Take a brief look at how useState was implemented in the playing card
Learn about React props. Get a high level overview as to what they are and how are they used in React to build applications.
Learn by example how to fix an incorrect use of useEffect. Following on from my previous playing card component we refactor away from useEffect.
Learn what a React Component is, how it fits into React application architecture and how you should be using them
Learn about the importance of Keys in React Lists and collections. Learn what they are and why they need to be used
Learn about JavaScript hydration and what it means to React developers? Get a short, but informative idea of the concept of hydration.
Simplify state management in React with React Context. Learn how to create, access, and update context data efficiently.
Learn how to use the hook useDebugValue to quickly show important information about the state of your custom hooks
Learn how React Fiber's enhances performance. Including synchronous rendering, prioritization & time slicing for seamless user experiences.
Learn how I resolved a critical NPM dependency alert firsthand, gaining insights on my process of tackling high severity issues
Learn what Props Drilling is, when you should use it and when you should consider an alternative such as context or state management
Learning how to add a more complex object to global state in Recoil. We demonstate how simple it is to add complex data to Recoil state.
Learn how to add global state management to your React applications with Meta's Recoil. Observe how the initial implementation is performed.
A walkthrough detailing how to create a custom theme for your website using MUI Core. Focusing on colours, spacing and typography.
What is the difference between the MUI Box vs HTML div? This article shows how the Box component differs from HTML div elements
Converting a compenting from React to MUI? Check out this brief article where we use a real world example of converting a component.
A practical example of setting up a React app using the MUI Core UI framework. We show how to build a simple page with a header and table.
A brief look at 10 essential React libraries that all React developers should be aware of. Read about these libraries at bernieslearnings.com
Learn how to use the React Dev Tools extension with local files. All you need to do is to enable the Allow Access to file URLs.
Can you build a React app without using the NPM (node package manager) or Yarn (Yet Another Resource Negotiator)? Yes, you absolutely can.
This article details creating a component in React. Using a playing card as the example, you can see the process of creating a component.
Understand the basics of what React is and how it is used to construct complex and dynamic websites. Learn why React is so popular.
Having trouble starting the React development server? This post shows you how to start and stop the development server using create-react-app
Learn how to stop the React development server when developing React apps on your local machine. Understand what the development server is.
Understanding the React Dev Tools extension is critical for React developers to analyze and debug applications. Learn more here!
Learn what a stateless component is in React. See how they are used with some examples and why they are useful to understand.
Learn what the react-router-dom package does and how to use it. We cover a simple example of setting up 'pages' in a React application