Tanner Linsley tannerlinsley

Incremental Builds Experimental API

To use incremental builds (under a hidden flag), use the incremental flag when exporting:

react-static export --incremental`

Then, detect the incremental build in your config and only return the routes you woud like to add, update, or remove.

Incremental builds allow you to:

	module.exports = {
	parserOptions: {
	ecmaVersion: 8,
	ecmaFeatures: {
	experimentalObjectRestSpread: true,
	jsx: true,
	node: false
	},
	sourceType: 'module'
	},

	webpack: (config, { stage, defaultLoaders }) => {
	/*
	* TypeScript Support
	* */

	// Add .ts and .tsx extension to resolver
	config.resolve.extensions.push('.ts', '.tsx')

	// Add TypeScript Path Mappings (from tsconfig via webpack.config.js)
	// to react-statics alias resolution

	import { useCount, useIncrement, useDecrement } from './store.Count'

	export default function Counter () {
	const count = useCount()
	const increment = useIncrement()
	const decrement = useDecrement()

	return (
	<div>
	<div>Count: {count}</div>

	const useCancellable = fn => {
	const requestRef = useRef(0)

	return async (...args) => {
	// Keep track of latest promise ID
	const id = Date.now()
	requestRef.current = id

	// Wait for resolution
	const res = await fn(...args)

	function makeStore() {
	// Make a context for the store
	const context = React.createContext();

	// Make a provider that takes an initialValue
	const Provider = ({ initialValue = {}, children }) => {
	// Make a new state instance (could even use immer here!)
	const [state, setState] = useState(initialValue);

	// Memoize the context value to update when the state does

	import { StoreProvider, useStore } from './store'

	const Counter = () => {
	// Use the store
	const [state, setState] = useStore();

	const increment = () =>
	setState(old => ({
	...old,
	count: old.count + 1