SERGIO TOMASBack to portfolio

Front-end · Tool

React

Component-driven interfaces at scale.

Used at
  • Stellar Gaming
  • DOMVS iT
  • Claro
01Overview

React is my main front-end library. I use it to design component architectures that scale across squads — from design systems to micro-frontends — keeping state predictable and rendering fast.

02Key concepts

What anyone working with it needs to understand

  1. 01

    Components & JSX

    Composition, props and building UIs from small, reusable pieces.

  2. 02

    State & hooks

    useState, useEffect, useMemo, custom hooks and the rules of hooks.

  3. 03

    Rendering model

    Reconciliation, keys, memoization and avoiding unnecessary re-renders.

  4. 04

    State management

    Context API, Redux and when local state is enough.

  5. 05

    Data fetching

    Loading and error states, caching and server components.

  6. 06

    Testing

    Testing Library and Jest: test behavior, not implementation.

03In practice
Implemented a micro-frontend architecture at Claro where React, Angular and Vue coexist, built Next.js sites at DOMVS iT and lead front-end architecture at Stellar Gaming.