Ask Sencha AIBuild a real React time tracking app from scratch with ReExt
Read the 9-chapter ebook, watch Andres Villalba build it step by step, or do both. Either way you finish with a working time tracker: login, navigation, data grids, theming and live chart reports.
- Learn your way: 9 PDF chapters and 9 matching video lessons
- Drop 140+ enterprise Ext JS components into React with ReExt
- A complete, production-style React app, not toy examples
Join 2M+ Sencha developers building faster with Ext JS and ReExt
Get free access
Ebook + video series. Instant access, no credit card.
By the last chapter, this is running on your machine
A full time tracking app in React: start and stop timers, log hours by project, manage your team and see where the time goes.
| Project | Task | Hours | Status |
|---|---|---|---|
| Website redesign | Header UI | 2.5 | Running |
| Mobile app | API review | 1.75 | Logged |
| Client portal | Sprint call | 0.5 | Logged |
| Internal | Docs | 1.0 | Logged |
Read it, watch it, or both
The ebook and the video lessons follow the same 9 chapters, so you can switch between them any time.
9 chapters in PDF
- Read at your own pace, on any device
- Copy-ready code for every chapter
- Download the full book or one chapter at a time
9 hands-on video lessons
- Watch Andres Villalba build the app step by step
- Short, focused lessons you can code along with
- See every component working on screen
Enterprise-grade UI in React, without building it yourself
Grids, forms, charts and layouts that already handle the hard parts, so you spend your time on the app instead of the plumbing.
Ready-made components
Data grids, forms, trees, charts and layouts you use straight from React.
Faster data handling
Sort and filter large datasets without lag, built for enterprise-scale grids.
Chapters, one real app
Each chapter adds a working feature until the time tracker is complete.
Years of Sencha
The same components trusted by 60% of Fortune 100 companies.
9 chapters, one screen at a time
Every chapter comes as a PDF and a video lesson. Here’s what you’ll have built at the end of each one.
Introduction
Plan the time tracker and set up your React project.
Integrating ReExt Components into React
Render your first Ext JS components inside React.
Navigation
Add a sidebar menu and routes for every screen.
Building a Login Form
Create a validated login with admin and user roles.
The Admin Grid
Manage users with a sortable, editable data grid.
Theming Your Application
Apply your brand colors across every component.
The User Grid
Let each user start timers and log hours by project.
Creating Reports with Charts
Turn logged hours into bar and pie chart reports.
Final Touches and What’s Next
Polish the details and get the app ready to ship.
You’re in good company
60% of Fortune 100 companies rely on Sencha.
Start building React apps faster and boost your bottom-line revenue.
Get the free ebook and video series today, or try ReExt in your own project.
