ReactMaker/react_generator

Stars
4
Rank 3,304,323 (Top 66 %)
Language
JavaScript
License
Other
Created over 7 years ago
Updated over 7 years ago

ReactMaker/react_generator

ReactMaker

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

使用React + Material UI + Mobx實作React 程式碼產生器，只要修改左側名稱及Lifecycle，右邊會即時顯示React程式碼，讓您快速了解React程式結構

simple_react_startkit

This is a simple react boilerplate, without complex dependencies(eg. redux or router), this project can help you start the react project in seconds.

tutorial_shopping_cart

使用ReactStrap版型做出購物平台

shopping_cart_demo

使用 React.js 建立購物車網站的教學

reactstrap_example

react-autocorrect-input

Autocorrect input component for react

react_challenge_mouse_move_shadow

用 ReactJS 來監聽滑鼠移動的事件，當游標停止超過一秒鐘，寶貝球就會往游標飄移過去。

react_challenge_train99

React JS 製作特訓 99 閃避子彈遊戲

official_web

https://reactmaker.github.io/official_web/

react_challenge_snake_game

ReactJs 實作貪食蛇小遊戲

react_challenge_click_and_drag

ReactJs 搭配 javascript 滑鼠事件監控，製作出可以在桌面瀏覽器拖移的效果，按住滑鼠左鍵往左右拖移，頁面就會跟著滾動。

react_challenge_slide_in_on_scroll

滾動到定點的時候會產生動畫的範例

react_thumbnail

React 使用antd上傳圖片、影片，並取得base64的image呈現縮圖。

react_challenge_html5_canvas

react_challenge_sorting_price

顯示咖啡豆價格跟名稱的範例，點選按鈕可以改變咖啡豆列表的排序。

club_manager_WIWI

薇薇是一個line機器人，負責通知ReacMaker的大小事務

react_challenge_clock

用 ReactJs 來做一個時鐘

react_challenge_Key_Sequence_Detection

可以讓網頁偵測使用者輸入的字，當字串符合密碼以後解鎖按鈕

react-lazy

React Lazy可以達成程式碼分割的功能，而分割後就可以在渲染當前頁面時才載入所需的JS檔案，加速渲染速度。

react_challenge_localstorage_and_event_delegation

使用localstorage存取React State

react_challenge_drum_kit

用 ReactJS 來做一個鼓手敲擊介面，藉由敲擊鍵盤來讓網站發出鼓聲