React でフォームをスマートに実装する

この記事は、2021/9/2 に行われた WESEEK Tech Conference の内容をまとめたものです。

目次

はじめに

この記事ではフォームの基礎について扱い, その後 React でのフォームの基礎, 実装をしてみてライブラリ (react-hook-form) を導入する話, react-hook-form の基礎と導入例について扱います

対象読者とこの記事で扱う内容

  • React のフォームの基礎を知りたい
    • フォームってなんだろう
    • Controlled or Uncontrolled とその基礎
  • react-hook-form について知りたい
    • 基礎
      Tips, GROWI.cloud での導入事例

続きを読む

Rails×React×TypeScriptで作るWEBアプリ入門

この記事は、2021/8/19 に行われた WESEEK Tech Conference の内容をまとめたものです。

目次

はじめに

構成の概要

まず初めに今回紹介する構成の概要を説明します。

図を見ていただければわかる通り MVC フレームワークである Ruby on Rails の View 層に Wepacker を使って React やそのほかの JavaScropt をバンドルして erb などのテンプレートから呼び出して使うという構成になっています。

この構成を取ると基本的には Rails アプリケーションを作成することになるので、既存の Rails の知識や、すでに構築されている Rails アプリケーションに React を部分的に追加するなどという使い方が可能です。

続きを読む

Ralisへ機能フラグ(Feature Flag)を追加し各フラグを制御する

この投稿は、弊社が提供するWESEEK TECH通信の一環です。
WESEEK TECH通信とは、WESEEKのエンジニアがキャッチアップした技術に関する情報を、techブログを通じて定期的に発信していくものです。

はじめに

初めまして、システムエンジニアの蛸井です。
今回の記事では Feature Flag とは何なのか、それを利用するメリット、使用方法について解説します。
そしてこの Feature Flag を扱うために、FlagShifTzu という gem を用いて実際に動かしてみます。

続きを読む

Next.jsのレイアウトパターン

この投稿は、弊社が提供するWESEEK TECH通信の一環です。
WESEEK TECH通信とは、WESEEKのエンジニアがキャッチアップした技術に関する情報を、techブログを通じて定期的に発信していくものです。 続きを読む

VercelでNext.jsを簡単デプロイ

この投稿は、弊社が提供するWESEEK TECH通信の一環です。
WESEEK TECH通信とは、WESEEKのエンジニアがキャッチアップした技術に関する情報を、techブログを通じて定期的に発信していくものです。 続きを読む