Ideas through Technologies
When working with React components, it is critical to have a standardized way to handle the data flow. Flux was a popular state management library of React, but Redux replaces Flux.
Continue reading “[Redux] Redux Overview”Redux is a pattern and library for managing and updating application state, using events called actions.
https://redux.js.org/
Navigation (Routing or Menus) is the basic building block of any web application. React is, in fact, a single-page application that can show different components on request.
Continue reading “[React] Navigation”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”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 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.
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”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”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”
Scriptorium 