{%hackmd C-_zW0vxSXSSsOkJHknc8g %} # JS 的奇幻旅程 <br> ## React Roadmap [TOC] ---- Made by FanRende (030Mortal#5525) <img src="https://i.imgur.com/Kc4NgNz.png" width="50%"> --- [React Roadmap](https://roadmap.sh/react) --- [React JS Developer RoadMap](https://medium.com/javarevisited/the-2019-react-js-developer-roadmap-9a8e290b8a56) ---- <div class="with-bg-size with-bg-size-top"> </div> ---- <div class="with-bg-size with-bg-size-center"> </div> ---- <div class="with-bg-size with-bg-size-bottom"> </div> --- 參考 / 延伸閱讀: - [Javascript Roadmap](https://roadmap.sh/javascript) - [React Roadmap](https://roadmap.sh/react) - [React JS Developer RoadMap](https://medium.com/javarevisited/the-2019-react-js-developer-roadmap-9a8e290b8a56) <div class="flex-container"> <div class="flex-content"> </div> <div class="flex-content"> </div> <div class="flex-content"> </div> </div> <style> .with-bg-size { background-image: url('https://i.imgur.com/IjK206a.png'); width: 50vw; height: 70vh; background-size: cover; } .with-bg-size-top { background-position: top; } .with-bg-size-center { background-position: center; } .with-bg-size-bottom { background-position: bottom; } .gray { color: gray; font-size: 0.5em; } .slides .json, .slides .jsx { font-size: 0.75em !important; line-height: 1.2em !important; } .mermaid { background-color: rgba(1, 1, 1, .2) !important; } .slides code { background-color: #444 !important; border-radius: 10px; } .code-wrapper code { background-color: inherit !important; border-radius: inherit; } .flex-container { display: flex; justify-content: center; } .flex-content { flex-grow: 1; } </style> <style> /* Customize website's scrollbar like Mac OS */ ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(128, 128, 128, 1); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); } </style>