Skip to content
oks-ui

Tutorial

Step-by-step React tutorials that build one thing with oks-ui.

Omkar Sahu · 9 min read

Build a file upload field in React, tested in three browsers

A React file upload field with drag and drop, size and type limits, tested in three browsers, with the ignored limit props and the missing import found.formsvalidation
Omkar Sahu · 8 min read

React server-side sorting table, tested in three browsers

A React table with server-side sorting and paging against a real API, tested in three browsers, with a missing loading state fixed and the API advice checked.tablesperformance
Omkar Sahu · 8 min read

Build a multi-step form in React, tested in three browsers

A React multi-step form with per-step validation, tested in three browsers, with two wrong claims fixed and three gaps found in oks-ui's SteppedForm.formsfeedback
Omkar Sahu · 9 min read

Getting started with oks-ui in React, tested from scratch

Getting started with oks-ui, run on fresh Vite and Next.js apps in three browsers, with the broken code, the CSS import trap and dark mode fixed.getting startedinstallation
Omkar Sahu · 8 min read

Build a date range picker in React, tested in three browsers

A React date range picker with presets, limits and time, tested in three browsers and time zones, with what each preset gives and the keyboard gaps found.formsscheduling
Omkar Sahu · 8 min read

Build a login form in React, tested in three browsers

A React login form with validation, autofill and a double-submit guard, tested in three browsers, with one wrong claim fixed and two library gaps found.formsvalidation
Omkar Sahu · 8 min read

Build a sortable React data table, tested in three browsers

A React data table with search, sort, selection and paging, tested in three browsers, with the sort and search bugs in the first version fixed.formstables
Omkar Sahu · 9 min read

Theme oks-ui to your brand, tested in light and dark

How to theme oks-ui to your brand, tested in light and dark, with the shades components really read and the first version's broken hover and dark mode.themingdesign tokens