abemscac/pies-doc

A handbook about the fundamentals of web development.

pies-doc's Issues

Different types of tests

Translations

Ignore this issue

Watch

• Watch a Ref
• Watch a reactive value

UnwrapNestedRef<T> Translations

• #75
• #84
• UnwrapNestedRef<T> - 한국어
• UnwrapNestedRef<T> - 日本語

Define a Component

• Legacy Options API
• Composition API With <script setup>
• Composition API With setup()

API - HTTP status codes

Composables Translations

• #73
• #83
• Composables - 한국어
• Composables - 日本語

Nx

Component initialization

Where to put initialization code, directly in <script setup>, onMounted, or onBeforeMount?

Define a Component - 日本語

Docker

Basic Syntax - 한국어

Define a Component - 简体中文

useState()

• What Is useState()?
• setState() Is Not Synchronous

Composables

• What Is a Composable?

Define a Component - 한국어

Optimization Functions

• React.memo()
• useMemo()
• useCallback()

useContext()

Define a Component

• Functional Component
• Class Component

Props Translations

• #70
• #82
• Props - 한국어
• Props - 日本語

Basic Syntax Translations

• #36
• #37
• #38
• #39

Project roadmap

Main Site

Chapter	Docs	Translations
Main Site	#56	#57

---

Vue 3

Chapter	Docs	Translations
Basic Syntax	#44	#30
Define a Component	#45	#29
Ref<T> and ref()	#1	#32
reactive()	#2	#31
ref() or reactive()	#46	#48
Props	#3	#49
Composables	#4	#50
UnwrapNestedRef<T>	#47	#51

---

React

Chapter	Docs	Translations
Define a Component	#52
Reactive Values	#103
The Basics of Hooks	#18
useState()	#34
useEffect()	#24
Component Rendering	#54
useState() In Depth	#104
Optimization Functions	#8
useRef()	#35
forwardRef()	#93

---

API

TBD

Chapter	Docs	Translations
The Basics of HTTP Requests	#17

---

Test

TBD

Chapter	Docs	Translations

---

Docker

TBD

Chapter	Docs	Translations

The purpose of test

Basic Syntax - 简体中文

ref() or reactive()

• How ref() and reactive() Work
  • How ref() Works
  • How reactive() Works
• Explanation
  • Primitive Values
  • Functions
  • Any Other Type

JWT

Basic Syntax

• Sample Component
• Define a Component

Define a Component Translations

• #40
• #41
• #42
• #43

Ref<T> and ref() Translations

• #64
• #79
• Ref and ref() - 한국어
• Ref and ref() - 日本語

reactive() Translations

• #66
• #80
• reactive() - 한국어
• reactive() - 日本語

useState() or useRef()

Define a Component - 繁體中文

The Basics of Hooks

• What Is a Hook?
• Example

Higher Order Component (HOC)

• What Is a Higher Order Component (HOC)?
• Example

ref() or reactive Translations

• #68
• #81
• ref() or reactive - 한국어
• ref() or reactive - 日本語

Functional Component

• props
• state
• lifecycle hooks (useEffect)

Custom directive

• What is a directive
• How does a directive work
• Example directive

UnwrapNestedRef<T>

• Example
• What Is UnwrapNestedRef<T>
• Collections
• Partial Reactive Object

Props

• What Are Props?
• Shallow Reactive and Shallow Readonly
  • What Is Shallow Reactive?
  • What Is Shallow Readonly?
• The Reactivity of Props

reactive

• What Is reactive()?
• reactive() Only Works With Non-primitive Values
• What Is a Reactive Proxy?
  • Non-reactive Value in <template>
  • Reactive Proxy in <template>
  • Both Reactive and Non-reactive Values
• The Reactivity of Reactive Proxy
  • Does Destructing Assignment Break Reactivity?
  • How to Keep Reactivity
• What Is UnwrapNestedRef<T>?

useRef()

• What Is useRef()?

Basic Syntax - 日本語

Component Rendering

• When Does a component Re-render?
• Batching

useEffect()

RESTful API

English

Website

• Home
• Navbar
• Introduction

Vue 3

• Vue3 - Index
• Vue 3 - Basic Syntax
• Vue 3 - Define a Component
• Vue 3 - Ref and ref()
• Vue 3 - reactive()
• Vue 3 - ref() or reactive()
• Vue 3 - Props
• Vue 3 - Composables
• Vue 3 - UnwrapNestedRef

Ref and ref

• What Is Ref<T>
• What Is ref()
• Ref<T> in <template>
• ComputedRef<T> Is Also Ref<T>

The Basics of HTTP Request

Basic Syntax

• Sample Component
• <script setup>
• Defining a component

Basic Syntax - 繁體中文