Skip to content. | Skip to navigation

Personal tools

Navigation

You are here: Home / Tips / React

React

React.js https://medium.com/@prescottprue/testing-react-firebase-apps-with-cypress-7d7a64d155de https://medium.com/@louis.raymond/dynamic-programming-finding-optimal-paths-2cf89f3d1437 https://medium.com/@bosever7/how-to-use-react-lazy-and-suspense-for-components-lazy-loading-8d420ecac58 https://medium.com/@JonathanSaring/building-a-consistent-ui-design-system-4481fb37470f https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-part-2-angular-39b1aa289878 https://medium.com/@JonathanSaring/9-react-static-site-generators-for-2019-f54a66e519d2 https://medium.com/@heyamberwilkie/force-refreshing-a-react-child-component-the-easy-way-6cdbb9e6d99c https://medium.com/@jonathanjholloway/conways-game-of-life-implemented-in-react-without-using-canvas-by-jonathan-jamel-holloway-cd150ede5283 https://medium.com/@joomiguelcunha/amazing-react-animation-with-react-pose-3b67d9eb6e07 https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4

https://blog.bitsrc.io/the-love-hate-relationship-between-react-router-and-react-components-dee4aac5956c https://medium.com/@Charles_Stover/react-suspense-with-the-fetch-api-cc655aced759 https://medium.com/@jlsnyder09/how-to-use-react-to-display-nasas-astronomy-picture-of-the-day-283c01ff9e31

可在 app.js 檔案裡輸入下列 JSX 內容,這是一種 JavaScript 擴充語言,介於 JS 與 HTML 之間,要先經過 JSX Compiler 編譯過,才能被瀏覽器讀取:

const h1 = <h1>Hello World</h1>;

其中 <h1>Hello World</h1> 稱為 JSX Element。

三分鐘入門教學

Router vs Component: 同一個網址但不同參數 location.search= ?tags=Dress or ?tags=Bag Compound Components react navigation and navigators in react native Parcel JS and React Form Elements: onChange, defaultValue, defaultChecked

run React Native components and APIs on the web using React DOM

Flex Basic Difference Between Android and iOS Layout Weather View Grid Example React UI Component Playground

ipad Scaling SplitView Dimension issue Two Column Layout Optimistic UI

Gatsby: site generator multiple post type

Progress Bar with Redux four-ways-to-style-react-components

Cache Performance Firebase Simple Chat deploy-react-js-app-on-firebase

Jenkins Build Docker get-started-with-layouts

Tips for Google Maps

Formik Field Arrays Todo App with Mobx-State-Tree

Hooks API https://medium.com/@mcculloughjchris/dynamically-animating-elements-one-after-the-other-96487616105 https://medium.com/@isaac.d.adams/setting-up-typescript-in-your-react-app-bbbf2073f971  Building Todo App with Hooks https://medium.cobeisfresh.com/dealing-with-complex-table-views-in-ios-and-keeping-your-sanity-ff5fee1fbb83