livlog

The goals 💪🏻What's Complex About Forms? ✌🏻Handling Inputs & Forms with React 👍🏻Simplifications So here we wrote the first code to get the value of input whenever user types something. We get the event and extract the value of it. It updates the state of variable 'enteredName'. const formSubmitssionHandler = (event) => { event.preventDefault(); }; And add this code below. Why? We are dealing with..

Why Do We Need To Read Official Document? React is Library. And we can understand deeply when we read the inventor's intention when we read official document. Create React App First of all, we need Node to use 'React Create App' So check whethere we have Node on our computer or not. Node provides the environment for React app to work in local environment. Node installed -> npm(node package manag..

The goals 💪🏻The Different Parts Of "Uploading Files" ✌🏻Selecting & Uploading Files 👍🏻Storing & Serving Uploaded Files The Two Sides Of File Uploads Username User image Save User When the code is like above, we get this page. Username User image Save User Here I put 'input' with type file, then it looks like this. We can make this field as essential field and can set the file format also. HTML at..

The goals 💪🏻What & Why? ✌🏻Exploring Different HTML Form Elements 👍🏻Building an Example Form What are "Web Forms?" Many websites are not just about presenting (showing) content => Instead, user input is often requested as well e.g. Contact form, Checkout form, Login form, Comment form, etc.... There are special HTML elements for getting and handling user input Key form elements The "type" attribu..