React.js 是一個熱門的library，JayLin今天講解React核心概念以及利用一個小案例概括理論部分


學習

職場產業

閱讀書評

學習重點

影片介紹

更多相關教學文章

<div class="draft-block draft--p left">React.js 是一個熱門的library，JayLin今天講解React核心概念以及利用一個小案例概括理論部分</div>
<div class="draft-block draft--p left"></div>
<h3 class="draft-block draft--h3" name="header-6msiq">學習重點</h3>
<ul>
  <li class="draft-block draft--li">Prop</li>
  <li class="draft-block draft--li">State</li>
  <li class="draft-block draft--li">Reusable - 重複使用組建件</li>
  <li class="draft-block draft--li">One Data Flow - 單一流程傳送你要的資料</li>
  <li class="draft-block draft--li">Composition - 一個function內，包含另一個funciton</li>
  <li class="draft-block draft--li">Declarative - 組建就描述你所創建立的</li>
</ul>
<h3 class="draft-block draft--h3" name="header-adcbr"></h3>
<h3 class="draft-block draft--h3" name="header-9s480">影片介紹</h3>
<div class="embed-block-prerender" data-type="html" data-url="https://youtu.be/r3iyzGuqHh8"></div>
<div class="draft-block draft--p left"></div>
<h3 class="draft-block draft--h3" name="header-3612b">更多相關教學文章</h3>
<div class="draft-block draft--p left">JayLinXR YT: <a href="https://www.youtube.com/@jaylinxr" target="_blank" class="draft--a">https://www.youtube.com/@jaylinxr</a></div>
<div class="draft-block draft--p left">JayLinXR IG: <a href="https://www.instagram.com/jaylin_xr/" target="_blank" class="draft--a">https://www.instagram.com/jaylin_xr/</a></div>
<div class="draft-block draft--p left"></div>
<div class="draft-block draft--p left"></div>
<div class="draft-block draft--p left"></div>

React.js 是一個熱門的library，JayLin今天講解React核心概念以及利用一個小案例概括理論部分

One Data Flow - 單一流程傳送你要的資料

Composition - 一個function內，包含另一個funciton

Declarative - 組建就描述你所創建立的

學習React.js 其他重要核心概念 - 如何開發一個組件(Component)

JayLinXR YT: https://www.youtube.com/@jaylinxr

JayLinXR IG: https://www.instagram.com/jaylin_xr/

學習React.js - 如何開發一個組件(Component)

設計 + 程式，是一個出版對設計和程式的學習影片和教學文章，目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr 

JayLinXR的沙龍

這一集簡短介紹React library 用法和四個核心概念

• Reusable
• One Data Flow
• Composition
• Declarative

ps:後來才發現影片裡面有個單字拼錯😔 *Reusable

其他資源分享:
Imperative vs Declarative Programming
https://ui.dev/imperative-vs-declarative-programming/

Functional JavaScript: Function Composition For Everyday Use.
https://medium.com/hackernoon/javascript-functional-composition-for-every-day-use-22421ef65a10

導師培訓課程，One-One學程式有清晰規劃，JayLin幫你解惑
https://jaylinxr-academy.vercel.app/

------------------------------------------------------------------------------------------------------------------------

成為Web3.0 & 區塊鏈工程師 (Blockchain Developer)
https://youtube.com/playlist?list=PLm5zwchfUTJBc2iuqrfYG1DX3lyaVPcb8

用Figma | Next.js做一個簡單的作品集(Portfolio)
https://youtube.com/playlist?list=PLm5zwchfUTJCgxNUOFVcnFwxOXap1jU9-

跟Jay Lin一起做App
https://youtube.com/playlist?list=PLm5zwchfUTJByl40z4jeEIM7dAZMY9EQU

VR | AR | XR | Metaverse 元宇宙教學
https://youtube.com/playlist?list=PLm5zwchfUTJDlBTpcbK06Ioq-PWGFPxR1

初學Coding系列教學
https://youtube.com/playlist?list=PLm5zwchfUTJDfnDyHz4BNEWZ91OTKM9vd

Tailwind CSS 教學
https://youtube.com/playlist?list=PLm5zwchfUTJBaXJshurb1-xnACAZDyEu8

=======遊戲討論區 & 技術社群討論=======

加入遊戲社群和討論相關技術:
https://www.youtube.com/channel/UCM1aHkQKF2iiHGS4fBO7rRQ

JayLinXR 粉絲團:
https://www.facebook.com/JayLinXR