Functional components create a React component in a simple and clean way but lack some functionalities such as states and life cycle, which class components can provide. “Hooks” is another way to write reusable code and lets you use state and other React features without writing a class.
Continue reading “[React] Hooks”[JavaScript] Brower Object Model (BOM)
The Browser Object Model (BOM) is the way for JavaScript to interact with the web browser. There are no official standards for BOM, but most browsers support common interfaces.
Continue reading “[JavaScript] Brower Object Model (BOM)”[JavaScript] Built-in Libraries
JavaScript provides ready-to-use objects and functions. Also the good news is that the new versions of JavaScript (ECMAScript 5 and later) add more functionalities.
- Array
- Regex
- Timer
[JavaScript] this
The “this” object is pretty familiar to the C# developers. It refers to the current object. The “this” keyword is also used in JavaScript, but you need to be careful to use it properly.
Continue reading “[JavaScript] this”[React] Forms
Handling user inputs with forms is the most important part of your web application. React provides the mechanism to work with states with HTML forms.
Continue reading “[React] Forms”[React] Lifecycle
It is important to understand the lifecycle of an React component. You can attach the handler to each React Lifecycle. It is useful to set initial states or other tasks at the right moment.
Continue reading “[React] Lifecycle”[JavaScript] Events
Events and handlers are the basic programming model of JavaScript in web browsers. JavaScript has been evolved to provide native support for handling events, and all modern browsers support the features.
Continue reading “[JavaScript] Events”[JavaScript] Functions
In JavaScript, a function is really a unique feature. In general, you can use it as a global module. Define it and use it anywhere you want. But JavaScript functions are much more than that. Let’s find out what they are.
Continue reading “[JavaScript] Functions”