React.js入門

-

 React.js入門 - 01

https://ithelp.ithome.com.tw/articles/10214942


Step 0 : 我真的需要React ? React是什麼 ?

如果你的專案大/複雜的時候，再來考慮使用React或是其他框架。


首先，我們要先知道React和framework是什麼。

隨著時代的演進，網頁的功能越來越多、網頁的架構也越來越大。漸漸的，我們的網頁裡面的<script>標籤越來越多，散布在各個html檔裡。有一天，維護網頁的工程師終於受不了了:


X! 就不能把所有的js檔用更有秩序的方式管理嗎?

因此我們也會需要下列這幾項工具:

  1. 套件管理工具(ex: npm/yarn)
  2. 打包工具(ex: webpack)
  3. 編譯器(ex: babel)
其中，又以Google寫的Angular、中國人寫的Vue、和Facebook寫的React，這三大框架最有名

Step 1 : 安裝npm
npm是「套件管理系統」。
簡單來說，它像是一個能把寫好的程式碼放在上面供別人使用的平台。\

Step 2 : 安裝「一次安裝並設定好react、babel、webpack」的create-react-app

Step 3: IDE(文字編輯器)的安裝和設定 - vscode


留言

張貼留言

這個網誌中的熱門文章

考績被打差了 輕率離職會更傷

-
  最後是看工作態度與敬業精神，小羊認真負責，但是很少到主管面前走動，主管常常很疑惑他究竟在忙些什麼；而胡大不同，他會主動向主管報備，並提出問題請示主管，在主管心裡留下主動積極的觀感。 考績是一面鏡子，照見的不是你看到的自己，而是主管看到的自己，而主管就是按照以上四個因素在評估你的績效，新的一年就抓緊這四大項辦了吧！ https://www.yes123.com.tw/aboutwork_2020/article.asp?w_id=7082
閱讀完整內容

Arrays - DS (Reverse array) [Easy]

-
  Example Return  . Sample Input 1 Copy Download Array: arr 1 4 3 2 4 1 4 3 2 Sample Output 1 2 3 4 1      static   int [] reverseArray( int [] a) {          int [] b= new   int [a.length];          int  j=a.length;        for  ( int  i= 0 ;i<a.length;i++){          b[j- 1 ]=a[i];          j=j- 1 ;       }        return  b;     }
閱讀完整內容

WireMock

-
(WireMock 在Spring boot 啟動 by chatgpt)  1.在 Spring Boot main 方法中啟動 WireMock Maven: <dependency>     <groupId>com.github.tomakehurst</groupId>     <artifactId>wiremock-jre8</artifactId>     <version>2.35.0</version>     <scope>test</scope> </dependency> 2. 在 Spring Boot main 方法中啟動 WireMock import com.github.tomakehurst.wiremock.WireMockServer; import static com.github.tomakehurst.wiremock.client.WireMock.*; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class Application {     public static void main(String[] args) {         // 啟動 Spring Boot 應用         SpringApplication.run(Application.class, args);         // 啟動 WireMock 伺服器         WireMockServer wireMockServer = new WireMockServer(8081); //...
閱讀完整內容