reactmaker Goto Github PK

api_server

使用 json-server 套件快速建立假的 api server

club_manager_wiwi

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

css_houdini_example

a example of css houdini paint API

member_introduction

社團成員介紹

mobx_vs_redux

official_web

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

react-animate-on-scroll

React component to provide animations when the user scrolls

react-autocorrect-input

Autocorrect input component for react

react-lazy

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

react_challenge_1to50

React JS 製作1 to 50遊戲

react_challenge_ajax_type_ahead

使用React 做出ajax 載入搜尋列表的功能。

react_challenge_array_cardio_1

react_challenge_click_and_drag

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

react_challenge_clock

用 ReactJs 來做一個時鐘

react_challenge_countdown_timer

Reactjs 製作倒數計時器，搭配 moment.js 幫助我們快速格式化時間，並且可以自行輸入分鐘轉換成倒數計時的時間。

react_challenge_css_variables

用 ReactJS 來做一個調整CSS數值，並對圖片產生邊框加粗、模糊、變色等效果

react_challenge_davinci_code

React JS 製作終極密碼遊戲

react_challenge_drum_kit

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

react_challenge_flex_panel_gallery

React JS 製作出來的開合相簿動畫

react_challenge_follow_along_links

滑鼠移到連結時，白色遮罩顯示在連結上。

react_challenge_hold_shift_to_check_multiple_checkboxes

用 React JS 製作check list，並加上點擊shift 可複選的功能。

react_challenge_html5_canvas

react_challenge_key_sequence_detection

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

react_challenge_localstorage_and_event_delegation

使用localstorage存取React State

react_challenge_mouse_move_shadow

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

react_challenge_slide_in_on_scroll

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

react_challenge_snake_game

ReactJs 實作貪食蛇小遊戲

react_challenge_sorting_price

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

reactmaker-cli

提供更快速的方法讓你一鍵下載並安裝ReactMaker製作的Simple Start kit

reactstrap_example