Silver Library (Archived)

특징이 있다면, register, 그리고 onSubmit, handleSubmit. 이렇게 자주 쓰인다는 점. 그리고 이걸, onSubmit 으로 보내주는 건지, 진짜 어마어마한 미궁이라는 생각이 들었습니다. 도대체 엮은 것도 없는데, 무슨 재주로 저걸 const 변수 선언 영역에서 참조하는 state 변수명 지정도 없이 바로 버튼을 인식 해서 그렇게 바로 patch request 가 전송되는지. CRUD 또한 이해하고 있고, 그렇다면 남은건...react hook form 이다는 점. 그러던 중, 이 글을 발견했습니다. 편리한 input 다루기 - React Hook Form (velog.io) 편리한 input 다루기 - React Hook Form yarn add react-hook-form@6 (..

An example of a simple render() function that creates a list of elements using the map() function, and assigns a unique key to each item in the list: import React from 'react'; class MyComponent extends React.Component { render() { const items = ['item 1', 'item 2', 'item 3']; return ( {items.map((item, index) => {item})} ); } } In this example, the render() function creates an array of strings ..

What is this? useEffect is a hook in React that allows us to synchronise a component with an external system. This can be used to handle a variety of tasks, like: 1. setting up a subscription 2. manually changing the DOM 3. fetching data First of all, this is the typical and basic useEffect. import { useEffect } from 'react'; function MyComponent() { useEffect(() => { // your code here }, [depen..

I already used number of features those provided by react.js, but I just noticed one thing. Have I followed OOP by the way? What about design pattern? Above all, how can I apply such OOP norm to any of them? So, let me clarify. OOP approach with classes are: class MyComponent extends React.Component { constructor(props) { super(props); this.state = { message: 'Hello, World!' }; } handleClick() {..