Web Programming – Scriptorium

[Redux] Async in Redux: redux-thunk

In most production web applications, data come from remote services. So you cannot get the data right away. There are a couple of ways to handle async operations in Redux, such as “redux-saga,” “redux-promise,” etc. But the “redux-thunk” is simple and effective for most scenarios.

[Redux] react-redux

Redux is good at state management, and React is for creating UI components. You can connect React and Redux manually, but there is a great tool that makes the task in a simple way. It is the “react-redux” package.

The “react-redux” creates the “Provider” component and the “connect” function.

[Redux] Redux Overview

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.

Redux is a pattern and library for managing and updating application state, using events called actions.
https://redux.js.org/

[React] Navigation

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.

[React] Hooks

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.

[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.

[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.