Noobie Programmer

ReactJS: how to create a toggle show/hide in less than 30 seconds | Noobie Programmer Since I've been trying to compare vanilla javascript, jquery and reactjs on which is the easiest to use. I made a simple program on how to hide/show a simple div by clicking a button in each ways. ReactJS vs Javascript vs JQuery Here is the javascript: See the Pen Toggle hide class name using vanilla javascript by Noobie Programmer ( @noobieprogrammer ) on CodePen . Here is the jquery: See the Pen bGpMyyp by Noobie Programmer ( @noobieprogrammer ) on CodePen . And, most especially using ReactJS: See the Pen ReactJS: create a toggle in less than 30 seconds by Noobie Programmer ( @noobieprogrammer ) on CodePen . Code So since my favorite is react let's break down the code one by one. And then later on you'll realize it is so easy to create a toggle or use any condition with react. Of course before anything els...

Hello again my dear noobies, After some years of using the React framework, I finally feel like I need to say this especially to those newbies out there in the javascript language or React framework. Tired with those messy looking codes while looping on an array? Or maybe you want to get the sum of the list? Or maybe you want to convert the list of object into a list of components? You may have lots of problems and spaghetti codes but worry no more. The  lodash library is here to save your day. Loops Before anything else let's start with loops, afterall, everyone else uses loops here. For example we have an array named data where it's value is a list of object with properties name and age. const data = [     {"name": "Zack", age: 36},     {"name": "Ashley": age: 12} ] and imagine we want to print all name... Codes like these: for (let i = 0; i < data.length; i++) {      let d = data[i];      console.log(d.name); } Can be convert...