Technical Article

system-design-系統設計04-封底計算-back-of-the-envelope-hogantech-hoganblab

Back-of-the-envelope Back-of-the-envelope Calculation – System Design 04

Back-of-the-envelope, also known as back-of-the-envelope calculation, is a method of calculating approximate values of complex problems using simple estimates.

Let’s also review here. A decentralized system consists of computing nodes connected through a network. These nodes can be various types of servers, such as web servers, application servers, and storage servers.

When designing a decentralized system, it is important to understand the number of requests each node can handle. At the same time, we can also determine the required number of nodes and traffic, so we will use Back-of-the-envelope to calculate our rough estimate, and finally design the system we need.

Back-of-the-envelope Back-of-the-envelope Calculation – System Design 04 Read More »

Technical Article, System Design
system-design-系統設計03-軟體設計非功能性特性-hogantech-hoganblab

Non-functional features of software design – System Design 03

In modern information technology, system availability (Availability), reliability (Reliability), scalability (Scalability), maintainability (Maintainability) and fault tolerance (Fault Tolerance) are very important non-functional characteristics. These characteristics It not only affects the performance and efficiency of the software system, but also directly affects the user experience. This article will also provide an in-depth explanation of the above five characteristics.

Non-functional features of software design – System Design 03 Read More »

Technical Article, System Design
system-design-系統設計-抽象在系統設計中的應用-hogantech-hoganblab

Application of abstraction in system design – System Design 02

What is abstract? Abstract concepts can help us hide some irrelevant details during system design, allowing us to focus on the overall architecture. It is important to break away from details, because abstraction can hide the complexity within the system design, allowing us to focus more on the results of the system design.

Application of abstraction in system design – System Design 02 Read More »

Technical Article, System Design
React11-React-Hook-useState

React Hook useState – React Vernacular Campaign 11

useState is a React hook for adding state to functions. useState allows us to define and manage state data within a function. useState returns an array of two values, including: the current state: when the function is first rendered, its value will be equal to the initial value we passed to useState. The current state: when the component is first rendered, its value will be equal to the initial value we passed to useState.

React Hook useState – React Vernacular Campaign 11 Read More »

Javascript, React Vernacular Campaign, Technical Article,
system-design-系統設計-系統設計介紹-hogantech-hoganblab

Introduction to Modern System Design - System Design 01

System design is the process of defining various system components, APIs, data models, and integrating the system to accomplish a large-scale system with certain functional requirements. Taking a video broadcasting platform like Youtube as an example, we not only need to consider how to efficiently store and transfer large amounts of video data, but also how to support high concurrency user requirements and how to ensure the stability and scalability of the system.

Introduction to Modern System Design - System Design 01 Read More »

Technical Article, System Design
網路信標-web-beacon

What are Web Beacons? What you need to know about tools other than cookies

Web beacons are a product of the late 20th century and the rise of the Internet, appearing in the late 1990s. As more and more people began using the Internet, businesses needed a mechanism to collect, understand, and apply user data on a large scale. web beacons can work with cookies to gain insight into user behavior and track multiple sites.

What are Web Beacons? What you need to know about tools other than cookies Read More »

Technical Article
React10-React-Life-Cycle

React Lifecycle - React Vernacular Campaign 10

React Lifecycle - The previous post took the React syntax a step further, React JSX - React Vernacular Campaign 06 learned how to build a React component, and learned about the parent-child relationship between components. In this post, we'll talk about the component lifecycle, including the three stages of the lifecycle, the lifecycle of class objects, and the lifecycle of function objects.

React Lifecycle - React Vernacular Campaign 10 Read More »

React Vernacular Campaign, Technical Article,
React Props - React 白話文運動 09

React Props - React Vernacular Campaign 09

React Props - the React vernacular movement. This post will take a closer look at the React syntax. In the previous posts, we learned how to create a React component, and we learned that components have a parent-child relationship. This post introduces the concept of React Props, including: React component declaration, React Props.

React Props - React Vernacular Campaign 09 Read More »

React Vernacular Campaign, Technical Article,
React08-建立React專案

Building a React Project - React Vernacular Campaign 08

Building a React Project - React Vernacular Campaign: The previous post introduced three terms, namely: what is Babel, what is Webpack, and what is Npm? This article will build a React project by hand, including: setting up the environment, building a React project, starting the project, and how to use React extensions. It also includes: official CRA build environment and self-built environment.

Building a React Project - React Vernacular Campaign 08 Read More »

React Vernacular Campaign, Technical Article,
Babel & Webpack & NPM – React 白話文運動 07

Babel & Webpack & NPM - React Whitepaper Campaign 07

This post will explain three terms that are needed to build a React project: what is Babel, what is Webpack, and what is Npm. Of course, the main focus is on the concept of using these tools, but there are other tools to choose from, such as Npm and Yarn.

Babel & Webpack & NPM - React Whitepaper Campaign 07 Read More »

React Vernacular Campaign, Technical Article,