Hogan

I graduated from Chengdu University of Electrical Engineering and am currently working as a foreign product engineer. My job content is related to full-end software development and mobile app development. Mainly sharing some program code, software teaching, and experience exchange. Instagram : hogan.tech

system-design-系統設計05-系統設計元件-building-block-hogantech

Introduction to System Design Components Building Block – System Design 05

System components are the basic building blocks of system design. They can be combined to construct complex software systems. Here we will also review the basic concepts of system design. System design is an important link in software engineering, which involves the overall architecture and design of the software system. A good system design can make software systems more reliable, scalable and easy to maintain.

Of course, if you want to use these components to design a system, you must first understand what design components there are? What does each design element represent? This article will introduce each system component, and the following chapters will explain the details and applications of each component in detail.

Introduction to System Design Components Building Block – System Design 05 Read More »

Technical Article, System Design
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,