You can do it by assigning a name for your input and by using square brackets inside your onChange method: The square brackets allow you to access the value of the name property. A little a bit more concise way of writing the same method using destructuring Now add names for all of our inputs: … Continue reading How to make a generic handleInputChange method on all of your inputs

Very useful and saves a lot of time in a long run. Include typescript into your package.json: "devDependencies": { "typescript": "^3.4.5" } There is no need to install anything. Then whatever component you have, if you start typing it VSCode will suggest it and then include an import. Check this out in the example below: … Continue reading How to make VSCode automatically import your components

The Document Object Model (DOM) is an application programming interface (API) for valid HTML and well-formed XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. With the Document Object Model, programmers can build documents, navigate their structure, and add, modify, or delete elements and content. The browser creates the DOM as it … Continue reading Web Development Interview Cheat Sheet

I was always fascinated by animation. Growing up I used to create cool flash cartoons and even flash games. Being able to make something move on the screen made me feel like a real magician! Luckily, simple animation could be done in css also without using flash plugins. I would like to share some simple … Continue reading Custom Animation in CSS using Keyframes