In a React emergency, read this first
I run ReactField. I'm Mohamed Elshahawy (opens in a new tab). I care about clean architecture, predictable performance, and teams that can ship without chaos.
This page is a short “why” behind the site, plus a few resources I still use.
Quick context
- I built this to help people make React decisions faster
- I prefer maintainability over chasing new tools
- Performance is a product concern, not only a Lighthouse score
- Team alignment beats personal preference
1) Why ReactField exists
React docs are great for APIs and fundamentals. They don't try to prescribe every ecosystem choice for every team. ReactField lives in that gap.
What I want this site to do:
- cut decision fatigue
- focus on choices that matter in production
- stay opinionated, but open to revision when the ecosystem moves
If you want the story of React itself, watch this documentary (opens in a new tab).
2) How to use ReactField effectively
New to React? Start with Fundamentals.
Choosing tooling? Go to Frameworks.
Already in production? Look at Performance and Project Standards.
How I suggest using it:
- start from principles, not libraries
- pick one stack and stick with it
- measure before you optimize
- write down decisions your future teammates will ask about
3) How I stay current with React and JavaScript
I start with the docs, then skim a couple of newsletters and people I trust:
- MDN JavaScript (opens in a new tab)
- react.dev (opens in a new tab)
- TypeScript docs (opens in a new tab)
- This Week in React (opens in a new tab)
- React Status (opens in a new tab)
- Dan Abramov (opens in a new tab)
- Josh Comeau (opens in a new tab)
- Kent C. Dodds (opens in a new tab)
Courses that helped me at different points: Just JavaScript (opens in a new tab), Epic React (opens in a new tab), and Advanced React (opens in a new tab).
4) Technologies I reach for often
- React / React Native
- TypeScript
- Tailwind
- Radix UI
- Flask (Python)
5) Arguments I care about
- Keep it simple when you can
- Strong opinions, loosely held
- Readable code over clever code
- TypeScript for production apps
- Avoid
anyunless you have a real reason - Not every product should be an SPA
- Auth-gated apps can still be a good SPA fit
- Consistent tooling matters more than personal style
6) Build principles I use in real projects
- Design boundaries before you scale features
- Keep data flow and ownership obvious
- Prefer boring tools unless something new fixes a real problem
- Cut complexity early; abstractions cost later
- Document decisions, not only setup steps
7) Arguments I do not care about
- Tabs vs spaces (pick one and move on)
- camelCase vs snake_case (consistency wins)
- Sass vs Styled Components vs PostCSS (pick one and execute)
If ReactField helps, or you spot something wrong, message me on LinkedIn (opens in a new tab).