React Archives https://openjavascript.info/category/react/ Learn the language of the web. Sun, 24 Dec 2023 00:51:32 +0000 en-US hourly 1 https://wordpress.org/?v=6.4.2 https://openjavascript.info/wp-content/uploads/2023/12/cropped-android-chrome-192x192-1-32x32.png React Archives https://openjavascript.info/category/react/ 32 32 Create a Simple Counter in React https://openjavascript.info/2023/12/24/create-a-simple-counter-in-react/ https://openjavascript.info/2023/12/24/create-a-simple-counter-in-react/#respond Sun, 24 Dec 2023 00:31:28 +0000 https://openjavascript.info/?p=7073 Get to know basic React by creating a counter application.

The post Create a Simple Counter in React appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2023/12/24/create-a-simple-counter-in-react/feed/ 0 Create a Todo List Application in React (add, delete, and edit items) https://openjavascript.info/2023/12/23/create-a-todo-list-application-in-react-add-delete-and-edit-items/ https://openjavascript.info/2023/12/23/create-a-todo-list-application-in-react-add-delete-and-edit-items/#respond Sat, 23 Dec 2023 16:18:32 +0000 https://openjavascript.info/?p=7068 Learn CRUD operations in React by building an editable todo list application.

The post Create a Todo List Application in React (add, delete, and edit items) appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2023/12/23/create-a-todo-list-application-in-react-add-delete-and-edit-items/feed/ 0 Using innerHTML in React https://openjavascript.info/2023/11/07/using-innerhtml-in-react-2/ https://openjavascript.info/2023/11/07/using-innerhtml-in-react-2/#respond Tue, 07 Nov 2023 10:32:25 +0000 https://openjavascript.info/?p=6964 How to render a markup string as HTML inside an element in React.

The post Using innerHTML in React appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2023/11/07/using-innerhtml-in-react-2/feed/ 0 Using Prism syntax highlighter in React https://openjavascript.info/2023/11/06/using-prism-syntax-highlighter-in-react/ https://openjavascript.info/2023/11/06/using-prism-syntax-highlighter-in-react/#respond Mon, 06 Nov 2023 11:30:42 +0000 https://openjavascript.info/?p=6944 Apply beautiful syntax highlight to your code using Prism in React.

The post Using Prism syntax highlighter in React appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2023/11/06/using-prism-syntax-highlighter-in-react/feed/ 0 Add comments inside JSX in React https://openjavascript.info/2023/10/30/add-comments-inside-jsx-in-react/ https://openjavascript.info/2023/10/30/add-comments-inside-jsx-in-react/#respond Mon, 30 Oct 2023 07:33:08 +0000 https://openjavascript.info/?p=6886 Adding comments inside JSX code require a different approach from HTML or plain JavaScript.

The post Add comments inside JSX in React appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2023/10/30/add-comments-inside-jsx-in-react/feed/ 0 Using the useEffect() hook in React https://openjavascript.info/2022/06/27/using-the-useeffect-hook-in-react/ https://openjavascript.info/2022/06/27/using-the-useeffect-hook-in-react/#respond Mon, 27 Jun 2022 06:49:05 +0000 https://openjavascript.info/?p=4807 useEffect() runs code once on initial rendering or specific rerenders.

The post Using the useEffect() hook in React appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/06/27/using-the-useeffect-hook-in-react/feed/ 0 Using the useState() hook in React.js https://openjavascript.info/2022/06/20/using-the-usestate-hook-in-react-js/ https://openjavascript.info/2022/06/20/using-the-usestate-hook-in-react-js/#respond Mon, 20 Jun 2022 08:31:52 +0000 https://openjavascript.info/?p=4652 Trigger a re-rendering of your app each time the value of a variable changes.

The post Using the useState() hook in React.js appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/06/20/using-the-usestate-hook-in-react-js/feed/ 0 Using the Fetch API in React with functional components https://openjavascript.info/2022/06/16/using-the-fetch-api-in-react-with-functional-components/ https://openjavascript.info/2022/06/16/using-the-fetch-api-in-react-with-functional-components/#respond Thu, 16 Jun 2022 16:16:38 +0000 https://openjavascript.info/?p=4634 How to use JavaScript's native Fetch API to make HTTP requests in React.

The post Using the Fetch API in React with functional components appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/06/16/using-the-fetch-api-in-react-with-functional-components/feed/ 0