Category: React

How can I add performance to my component when I’m using useEffect hook? Well, we can tell react to skip applying an effect if certain values haven’t changed between …

2 Effects with cleanup Some effect required cleanup, like set up subscriptions to some external data source, well in this point we need to do a clean up, because w…

Hi, the React hooks are the new addition in React 16.8 and permit us to use a state and other React features without writing a class.  Note: you can find the cod…

Hi, here and example of how use a ternary condition to insert a CSS class in a component.  …

Hi, here you go the code to create a todo list in react, I hope this will be very helpful for you. …

Hi, if we want to open, close or show, not show some DOM element we can do this with a react local state, one handle method, a ternary condition and finally the CSS clas…

Hi, the next step is install enzyme into our project so we need to run this command in the terminal: npm i --save-dev enzyme enzyme-adapter-react-16 …

Hi, we need to open our project "todos" in the code editor and go to todo/src/components/ and create the file called todo.test.js we are going to create the unit test co…

Hi, the first thing that we need is prepare our environment for test react applications.  So we need to install Node.JS, so go to https://nodejs.org/en/ en downl…