Pinned Repositories
official_web
https://reactmaker.github.io/official_web/
react-autocorrect-input
Autocorrect input component for react
react_challenge_mouse_move_shadow
用 ReactJS 來監聽滑鼠移動的事件,當游標停止超過一秒鐘,寶貝球就會往游標飄移過去。
react_challenge_snake_game
ReactJs 實作貪食蛇小遊戲
react_challenge_train99
React JS 製作特訓 99 閃避子彈遊戲
react_generator
使用React + Material UI + Mobx實作React 程式碼產生器,只要修改左側名稱及Lifecycle,右邊會即時顯示React程式碼,讓您快速了解React程式結構
reactstrap_example
shopping_cart_demo
使用 React.js 建立購物車網站的教學
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版型做出購物平台
ReactMaker's Repositories
ReactMaker/react_challenge_localstorage_and_event_delegation
使用localstorage存取React State
ReactMaker/react_challenge_slide_in_on_scroll
滾動到定點的時候會產生動畫的範例
ReactMaker/react_challenge_sorting_price
顯示咖啡豆價格跟名稱的範例,點選按鈕可以改變咖啡豆列表的排序。
ReactMaker/tutorial_personal_website
上課:react入門的教材
ReactMaker/react_challenge_html5_canvas
ReactMaker/react_challenge_drum_kit
用 ReactJS 來做一個鼓手敲擊介面,藉由敲擊鍵盤來讓網站發出鼓聲
ReactMaker/react_challenge_css_variables
用 ReactJS 來做一個調整CSS數值,並對圖片產生邊框加粗、模糊、變色等效果
ReactMaker/react_thumbnail
React 使用antd上傳圖片、影片,並取得base64的image呈現縮圖。
ReactMaker/slide_template
上課簡報的範例公版
ReactMaker/club_manager_WIWI
薇薇是一個line機器人,負責通知ReacMaker的大小事務
ReactMaker/react_challenge_ajax_type_ahead
使用React 做出ajax 載入搜尋列表的功能。
ReactMaker/react_challenge_hold_shift_to_check_multiple_checkboxes
用 React JS 製作check list,並加上點擊shift 可複選的功能。
ReactMaker/react_challenge_clock
用 ReactJs 來做一個時鐘
ReactMaker/react_challenge_Key_Sequence_Detection
可以讓網頁偵測使用者輸入的字,當字串符合密碼以後解鎖按鈕
ReactMaker/react_challenge_flex_panel_gallery
React JS 製作出來的開合相簿動畫
ReactMaker/react_challenge_array_cardio_1