Reactアプリ100本ノックやってみた 「01 Hello World」

はじめに

フロントエンドに苦手意識のある私が、@Sicut_studyさんの【Reactアプリ100本ノック】をやってみました。
変なところがあれば教えていただきたいです。

今回の課題

やってみる

App.tsx

import styled from "styled-components";

const SDiv = styled.div`
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
`;


const App = () => {
  return (
    <SDiv>
      <p>Hello World</p>
    </SDiv>
  );
};

export default App;

完成

おわりに

フロントエンド相当苦手なのか、「画面中央ってどうやるんだ…」とさっぱりわからなかったです。私のような初心者の方の励みになったらうれしいです。一緒に頑張りましょう。