FORMACIÓ PER A EMPRESES
Construeix interfícies modernes amb React i Next.js
React i Next.js curs pràctic: components, ganxos, components de servidor, encaminador d'aplicacions, estructuració de dades i patrons de producció per a equips de desenvolupament.
Què és Reacciona i Next.js?
React és la biblioteca de referència per construir interfícies d'usuari basades en components. Next.js s'afegeix el marc de producció: ruteig, components de servidor, SSR/SSG, rutes API, optimització i desplegament d'imatges. Junts formen la pila de frontend més demandada per a aplicacions web professionals. A Q2BSTUDIO formem equips en React i Next.js amb un enfocament pràctic, actualitzat i orientat a la producció.
El curs cobreix tot l'ecosistema: des dels fonaments de React (JSX, components, props, state, hooks, efectes, context) fins a patrons avançats de Next.js (App Router, dissenys, components de servidor, streaming, recuperació de dades en memòria cau, middleware, rutes d'API i optimització de rendiment). No és un tutorial bàsic: és entrenament per escriure codi de producció mantenible.
Abordem els veritables reptes dels equips professionals: gestió complexa de l'estat (quan utilitzar useState, useReducer, context, Zustand o estat del servidor), patrons de composició (components compostos, props de renderització, HOCs quan escau), optimització de re-renders, formularis amb validació (React Hook Form, Zod), proves (Vitest, Testing Library) i accessibilitat en components.
La Next.js part se centra en l'App Router i els Components del Servidor: com pensar entre components servidor i client, quan utilitzar-los, obtenció de dades sense cascada, memòria cau i revalidació, dissenys persistents, límits d'error, estats de càrrega, metadades per a SEO i desplegament amb Vercel o altres plataformes.
Cada sessió és pràctica: els participants construeixen una aplicació progressivament més complexa aplicant cada concepte. Els exercicis es basen en patrons reals de producció (no demostracions trivials) i el codi es revisa en grup per compartir criteris i bones pràctiques.
El curs s'adapta al nivell de l'equip: si ja coneixen React però no Next.js, el marc s'aprofundeix; si són juniors a React, els fonaments es reforcen abans d'avançar. Oferim un repositori d'exercicis, una guia de patrons i un seguiment post-curs.
FUNCIONALITATS
Funcionalitats de Reacciona i Next.js
Fonaments de React
JSX, components, objectes, estat, ganxos, efectes, context i composició.
Next.js Encaminador d'aplicacions
Disposicions, components servidor/client, streaming, càrrega i límits d'error.
Obtenció i memòria cau de dades
fetch, accions del servidor, revalidació, SWR i patrons no waterfall.
Gestió de l'Estat
useState, useReducer, context, Zustand i estat del servidor segons correspongui.
Formularis i validació
React Hook Form, Zod, validació al servidor i UX del formulari.
Proves
Vitest, Testing Library, proves d'integració unitària i de components.
Rendiment i optimització
Memoització, càrrega mandrosa, anàlisi de paquets i Core Web Vitals.
Desplegament i producció
Vercel, Docker, CI/CD, variables d'entorn i configuració de producció.
TECNOLOGIES
- JavaScript
- TypeScript
- React
- Next.js
- Node.js
PREGUNTES FREQÜENTS
Preguntes freqüents sobre Reacciona i Next.js
Fonaments del desenvolupament web
Curs pràctic en HTML, CSS, JavaScript i eines modernes per a equips que necessiten entendre o crear interfícies web amb criteri professional.
Més informació →Backend, APIs i Node.js/.NET
Formació en desenvolupament professional de backend: APIs REST/GraphQL, bases de dades, autenticació, proves i desplegament amb Node.js o .NET segons la pila de l'equip.
Més informació →Bases de dades i SQL
Curs sobre bases de dades relacionals i SQL per a equips: modelatge, consultes, optimització, índexs, transaccions i bones pràctiques de producció.
Més informació →Git, GitHub i treball col·laboratiu
Formació en control de versions amb Git i GitHub: branques, fusió, pull requests, conflictes, CI bàsic i fluxos de treball per a equips de desenvolupament.
Més informació →Programació i prompting amb IA
Curs per a desenvolupadors que volen integrar assistents d'IA (Copilot, Cursor, ChatGPT) en el seu flux de treball amb criteris, seguretat i productivitat real.
Més informació →IA per a negocis (Ús i prompting)
Formació per a equips no tècnics en l'ús productiu d'IA generativa: ChatGPT, Copilot M365, creació de contingut, anàlisi i automatització de tasques quotidianes.
Més informació →Microsoft Foundry: Construeix les teves solucions d'IA
Dissenyar i desplegar assistents, agents i sistemes RAG amb Microsoft Foundry (anteriorment Azure AI Foundry) i Azure OpenAI, de manera segura i governada.
Més informació →Automatització amb n8n (low-code)
El curs pràctic de N8N per a equips que volen automatitzar integracions i fluxos sense desenvolupament complet: visual, autoallotjament i amb centenars de connectors.
Més informació →Bones pràctiques i desenvolupament segur
Formació en bones pràctiques d'enginyeria i seguretat en desenvolupament: OWASP, revisió de codi, proves, CI/CD, gestió de secrets i cultura de qualitat.
Més informació →Formació feta a mida dins de l'empresa
Dissenyem programes de formació adaptats a la teva empresa: contingut, exercicis i ritme adaptats al teu stack, projecte i objectius específics.
Més informació →Curs de governança d'IA per a gestors i gestors d'IT
Curs executiu per a directius i CIOs que necessiten entendre, governar i decidir sobre la IA a la seva organització: riscos, marc regulador, estratègia i model operatiu.
Més informació →Cursor per a Negocis
Entrenament transversal a Cursor com a entorn de treball d'IA per a qualsevol perfil: Excel, documents, presentacions, imatges, fitxers i processos diaris — no només programació.
Més informació →