module.exports = {
    plugins: [
        {
            resolve: "gatsby-source-googlemaps-static",
            options: {
                key: process.env.GOOGLE_MAPS_STATIC_API_KEY,
                center: "41.8781,-87.6298",
            },
        },
    ],
};

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

Component State Management: Redux => React Context API

Tips for Google Maps

Formik Field Arrays Todo App with Mobx-State-Tree

Hooks API Hooks 可以取代 Class Component dynamically animating elements one after the other Setting Up Typescript in your React App Building Todo App with Hooks

Why Hooks

testing react firebase apps with cypress

dynamic programming finding optimal paths
how-to-use-react-lazy-and-suspense-for-components-lazy-loading
building-a-consistent-ui-design-system
I created the exact same App in react-and-vue-part-2-angular
9-react-static-site-generators-for-2019
force-refreshing-a-react-child-component-the-easy-way
conways game of life implemented in react without using canvas by jonathan jamel holloway
react animation with react pose

React + D3 learn-react-js-in-5-minutes Using HTML5 Canvas with React

No-boilerplate global state management 應用程式規模變大時，通常會導入 MobX 或 Redux 之類的狀態管理工具，但有人抱怨它們帶來 Boilerplate 和 Learning Curve 兩大困擾。React 本身就有 this.state 和 this.setState 內建工具，新的 useState 是 hook。

you probably should't be using react how to customize service workers with create react app how-to-use-react-refs overview-of-proxy-server-and-how we use them in react howto setup deploy your react app from scratch using webpack and babel

pure CSS with react-spring for Animation

https://github.com/davidkpiano/xstate
找到另外一篇投影片 https://slides.com/davidkhourshid/reactive-statecharts
但明明有 promise, observable 可以處理 concurrency ，回去用 statecharts 描述 FSM 不是倒退嚕嗎
不衝突吧~ FSM 只是幫忙限制 State 轉換， promise, observable 能處理 concurrency ，卻無法有效的限制 state ，依我理解兩個可以相輔相成，投影片裡也有 FSM 跟 rx 的舉例

https://react-hook-form.com/ https://www.mysaffronapp.com/ Render Optimization Performance Basic

instant-search-within-5-minutes-in-your-react-app-using-meilisearch pass multiple route parameters in react URL path

how-to-use owl carousel in React.js

six-ways-to-get-better-at-react improving-seo-of-react-apps-with-react-helmet Gatsby - Strapi Portfolio Project

react-intl

how-to-pass-data-between-react-class-components creating-a-popup-window-using-js-and-react animating-react-components-greensock Social Media App: Firebase Express https://medium.com/@reine-ran/build-deploy-a-react-flask-app-47a89a5d17d9

https://medium.com/@indreklasn/smooth-animations-with-react-and-framer-motion-c272b6f22f67 https://medium.com/@dai_shi/how-to-properly-use-the-react-useref-hook-in-concurrent-mode-38c54543857b https://medium.com/@sibeeshvenu/deploy-angular-app-using-azure-devops-build-and-release-pipelines-f7f77ca28be4 https://medium.com/@Nash0x7E2/flutter-vs-react-native-the-ultimate-comparison-3b5f44e97945 https://medium.com/@salah49/building-test-pyramid-in-react-dcc3b7db0065