A year ago I left my job to dedicate myself to this open source project.
🎉 Announcing Reakit v1 🎉
👉 reakit.io
This is the best project I’ve ever done in my 17 years of programming. I’m sure it'll help many companies ship accessible web apps with ease. ♿️
Did you know you can use the built-in browser validation API with JavaScript to control how error messages are rendered?
Besides the simplicity, you also get i18n for free. ✨
![Markdown file with the following contents:
```mermaid
stateDiagram-v2
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
```](https://pbs.twimg.com/media/FhD3G6iXoAErMGo?format=webp&name=small)
![Markdown code with the following contents:
## Location
```geojson
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[
-0.12729298301002245,
51.53284601937814
],](https://pbs.twimg.com/media/FhTEtt8X0AAV8kD?format=webp&name=small)
![A snippet of code that uses the element.validity.valid and element.validationMessage properties.
Full code:
const [error, setError] = useState("")
function onBlur(event) {
if (event.target.validity.valid) {
setError("")
} else {
setError(event.target.validationMessage)
}
}
<div>
<input minLength={3} onBlur={onBlur} />
<div>{error}</div>
</div>](https://pbs.twimg.com/media/FTCL0PNWIAApKa4?format=webp&name=small)
