Search for a command to run...
Articles tagged with #reactjs
Let’s try a simple custom hook that can be used to handle form values. import { useState } from 'react'; const useFormValues = (initialFormValues) => { const [formValues, setFormValues] = useState(initialFormValues); const setFormValueByKey = (...
Let’s build our useState hook! So to mimic the useState hook from React.js, the first thing that comes to mind is to define a function that takes in the initial value and returns the initial value along with a function to update that value. During th...
Enhancements to createElement Right now we can pass in only one child to our createElement. Let’s ramp it up to handle multiple children. Our createElement also doesn’t handle props other than events, let’s add a setAttribute method so we can add som...
The Basics A simple Button placed in our container app . We increment score on button click and re-render our page entirely using our render() function. let score = 0; function render() { const parentDiv = document.getElementById("app"); parentD...
Using && inside a prop ❌ (can send false) type MyComponentProps = { desc?: string; }; const MyComponent = ({ desc }: MyComponentProps) => { return <div>Desc is: {desc}</div>; }; export default function App() { const format = 'email'; // not '...
What is Declarative Programming Declarative programming is a paradigm where you focus on what the program should accomplish rather than how it should do it. Let’s start with a simple piece of code to double the numbers of an array. The below code sho...
