Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Blitz.jsの紹介

nitaking
November 18, 2020
930

 Blitz.jsの紹介

フロントスペシャリスト達が語る最新Vue/React動向 iCARE Dev Meetup #15

https://icare.connpass.com/event/192817/

※GIF多用しているんですがPDF化に伴い死んでおります

nitaking

November 18, 2020
Tweet

Transcript

  1. @nitaking Satoshi Nitawaki airCloset, Inc. Blitz.js L1 Maintainer Skills: React

    Native, React, Node.js, Flutter, etc… Twitter: @nitaking_ Github: @nitaking
  2. @nitaking RailsͱࣅͯΔͱ͜ΖɿCLI • rails new • rails server • rails

    generate • rails console • rails dbconsole • rails db • rails test etc… • blitz new • blitz start • blitz generate • blitz console • blitz db • blitz test etc…
  3. @nitaking ⚡ Blitz CLIΛ঺հ • blitz new • blitz start

    • blitz generate • blitz db • blitz console • blitz install
  4. @nitaking blitz new • FormϥΠϒϥϦΛબ΂·͢ • React Final Form •

    React Hook Form • Formik • બ୒ͨ͠ϥΠϒϥϦͰFormͷίʔυ͕ࣗಈੜ੒͞Ε·͢
  5. @nitaking blitz new • app/ • APIɺWEB૚ • WEBͷ࢓૊Έ͸Next.jsͷ΋ͷ •

    db/ • migrationϑΝΠϧ • Migrationͷ࢓૊Έ͸Prismaͷ΋ͷ
  6. @nitaking • Page • tsxϑΝΠϧͷੜ੒ • app/[model]/pages/ • index.tsx •

    new.tsx • [modelId].tsx • [modelId]/edit.tsx • CRUDͷϖʔδ͕Ͱ͖ͯ·͢ blitz generate [type] [model]
  7. @nitaking blitz db migrate • db/schema.prisma ͷ಺༰ͱ Ұக͢ΔΑ͏ʹςʔϒϧͱྻΛߋ৽ɻ • blitz

    generate ͷ͋ͱɺ blitz db migrate Λୟ͘͜ͱͰ࣮ࡍʹ൓ө͞Ε·͢ɻ