參考這篇文章,很淺顯易懂,可以馬上上手:
Updating a CSS Variable with JavaScript
參考這篇文章,很淺顯易懂,可以馬上上手:
Updating a CSS Variable with JavaScript
因為到處的React教學幾乎都夾雜TypeScript,所以決定還是趕快來學一下,不然要看教學也看不懂🤣
以下列出一些覺得還不錯的教學文章。
microsoft/TypeScript-React-Starter
Getting started with React and TypeScript
Using React Functional Components with Hooks in TypeScript
教怎麼寫functional component,還有hooks
React with TypeScript: Best Practices
React with TypeScript: Components as Function Declarations vs. Function Expressions
React Children with TypeScript
React with Typescript
React TypeScript Cheatsheets | React TypeScript Cheatsheets
typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
TypeScript for React developers in 2020
電子書:
TypeScript Deep Dive
https://twitter.com/dan_abramov/status/1104414469629898754
[].concat({name: ‘lunaCute’});
導入這樣導:
import PropTypes from 'prop-types'; // ES6
設定這樣設:
CuteLuna.propTypes = {
order: PropTypes.arrayOf(PropTypes.string),
};
各種類型:
// array of string
order: PropTypes.arrayOf(PropTypes.string),
MyComponent.propTypes = { items: PropTypes.arrayOf( PropTypes.shape({ code: PropTypes.string, id: PropTypes.number, }) ), };
寫專案就像一堆小小的程式的集合。每個程式幾乎都可以拆開來變成一個小部份,一個小部份就像MDN看到的那樣,有時候會覺得寫一個小部份可以做到,但整合成一個大部份就覺得複雜亂亂。可能可以先想好每塊部份要怎麼寫,然後畫個流程圖,就會好寫很多。(流程圖是寫扣的流程圖)
不過以前的專案大多都是舊有專案要增加新功能,所以還變得要再花時間去讀懂別人寫的程式。
最好寫到一點就看一下console有沒有什麼錯誤訊息,這樣以後要追BUG比較好偵錯,比較知道剛剛改了什麼造成什麼錯誤。
https://lunamiou.atlassian.net/