1日でネイティブに反応することをどのように学びましたか?

わくわく、うーん!!

わかった.フロントエンド Web 開発者として、モバイル プラットフォームへの切り替えは最初は少し神経質で不快ですが、私の場合はそうです.それはさらに悪いです.突然、つながりの 1 つから電話があり、いくつかの基本的な機能を備えた反応ネイティブでいくつかの画面を作成するように求められました.私は二度考えて、最終的に OK と言った.

ところで、私は一日中普通に反応します...毎日!

多くの人から、ウェブでの反応とモバイルでの反応はほぼ同じだと聞いています. 2分間で少し自信がつきました.しかし、タスクを完了するには少し努力が必要であることはわかっています.

コード エディターに直接飛び込んで、React Native のコーディングを開始しました.
あなたはどう思いますか、私は成功しましたか?

なんてこった!

物を適切に配置することさえ、私は最初自体で行き詰まりました.簡単なナビゲーションのコードをデバッグするのに 2 時間かかりました.

後で気付きました. おそらく構文は両方で同じかもしれません. しかし, 実装は少し異なります.

ウェブに反応する

 function Mock(){
  return (
     <div>
        <p>React web</p>
     </div>
   )
 }

リアクトネイティブ

 function Mock(){
  return (
     <View>
        <Text>React web</Text>
     </View>
   )
 }

上記のコード スニペットは、react と react-native の類似性を示しています.

次に、最もエキサイティングな部分が始まります.何も考えずに、react-native のドキュメントを開きました.しかし、ローカル システムでネイティブに反応するようにセットアップするには時間がかかります.接続のおかげで、プロジェクトが既に作成されているリモート システムで作業することになっていました.

ドキュメントでは、2 つのトピックのみを検索します

ナビゲーション

フレックスボックス

すべてのスタイリング部分はかなり普通で簡単です.上記のコード スニペットでわかるように.
React を使用していない Web 開発者でも、CSS スタイルを使用できます.
トピックを一通り見ていくと、よく理解でき、スタックにモックアップ画面をいくつか作成することさえできます. expo.dev ツール.反応ネイティブを練習するときに非常に役立ちます.反応ネイティブ専用のオンラインエディタです.

自信のある私..戻ってリモートシステムに接続します.
今回は..何が起こるか知っています!

幸せなつながりと幸せな私:)
ハッピーコーディング!!

道徳の

“If somebody offers you an amazing opportunity but you are not sure you can do it, say yes – then learn how to do it later!”