https://github.com/cchampou/react18

Just testing new React version 18, in beta.
https://github.com/cchampou/react18

Last synced: about 2 months ago
JSON representation

Just testing new React version 18, in beta.

• Host: GitHub
• URL: https://github.com/cchampou/react18
• Owner: cchampou
• License: mit
• Created: 2021-11-16T01:54:42.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-14T15:16:11.000Z (about 2 years ago)
• Last Synced: 2023-03-06T09:33:34.559Z (almost 2 years ago)
• Language: TypeScript
• Size: 111 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react18

Just testing new React version 18, in beta.

## Started from here

[Public beta announcement](https://github.com/reactwg/react-18/discussions/112)

## The tests

### `useId` hook

I'm just curious about what it generates, let's see.

```javascript

const MyInput = () => {

  const id = useId();

  return createElement('input', { id });

}

console.log(renderToString(createElement(MyInput)));

```

It gives me this output: ``.

Okay, let's try it later on a client side execution!

... *[A few moments later](https://www.youtube.com/watch?v=-2Z0Y3Kk8nU)*

I just added [Vite](https://vitejs.dev/) as a bundler in a few minutes to have a webpage

rendering my React code.

```html



```


Seems like it's going to be consistent.

## Let's server side render