gaearon / react-server-components-boilerplate

NOT PRODUCTION READY

Server Components Boilerplate

This is a React Server Components Boilerplate to make it easy starting building app using Server Components

it is based on server-components-demo

How to start

Run the plugin and loader transpilation using babel

yarn plugin

Run the Client and Server Bundler at the same time

yarn start

Some explanations

./plugin folder has some copied and modified react-server-dom-webpack files

ReactFlightWebpackPlugin modifications

• Be able to have client references using Typescript

ReactFlightWebpackLoader

• A loader to be used on the server to transform client references
• It is similar to ReactFlightWebpackNodeRegister
• This enable avoiding transpiling on the fly in production

{
        test: /\.client.(js|jsx|ts|tsx)?$/,
        use: [{
          loader: require.resolve('./plugin/ReactFlightWebpackLoader'),
        }, {
          loader: 'babel-loader?cacheDirectory',
        }],
        exclude: [
          /node_modules/,
          path.resolve(__dirname, '.serverless'),
          path.resolve(__dirname, '.webpack'),
        ],
      },