This project is that when users click the button, fetched Gif API and shows gifs.
React can shows items without a search button or click the search button. I think click search button need more step than showing items without clicking the search button. …
There are two kinds of components you can use in React
Both components use the same concept, but there are a little bit different when you use them. For example, state, setState, useEffect, componentDidMount ………. you will see those terms later on my tutorials.
I am not sure, but I…
After you know about JSX, you are ready to start to React!
It will easy to show pictures better than write all of them.
First, install nodejs.
Install either one but I always download LTS.
When you install, if you see the check button which “path automatically”, you…
Start with JSX
People might ask me why start from JSX not showing “Hello World” on the webpage, but I am sure that knowing JSX is basic of basic when people start to React.js
What is JSX?
According to React documents, React embraces the fact that rendering logic is inherently coupled with other UI logic: how events are handled, how the state changes over time, and how the data is prepared for display.
Thanks to React.js
Summary : JSX can use HTML in the js file!
Grid is magic!
I usually used flex-box before I know a grid. I knew about the grid, but I did not think to use my project because I thought the grid is hard and complicated. However, I was totally wrong. It is easy!
While I am studying JS Advanced Functions, I think the “bind” and “this” are important to move next session which is React.
bind() method creates a new function that, when called, has its
this keyword set to the provided value, with a given sequence of arguments preceding any provided…
Classes in Ruby are first-class objects — each is an instance of class Class . When a new class is created, an object of type Class is initialized and assigned to a global constant.
The Person class(class Person)is defined with the class keyword…