React Class Component vs Function Component

今回の記事にはReact Class Component とReact Function Component.の違い説明したいと思います。

# React Class Component
最初のreactのバージョン、全部のreactのコンポーネントはsyntax ES6 Classに書かれていました。

### コンポーネントを作る

“`
import React, { Component } from ‘react’;

class App extends Component {
render() {
return (

Hello Devsaurus

);
}
}

export default App;
“`
### Data Handling
reactでデータを取り持つするときprops & stateに使われる

propsの特徴は読むしかできないと普通は親のコンポーネント
から子供のコンポーネントにデータを送ってい

Uncaught ReferenceError: $ is not defined　Rails６

Rails６で非同期処理がうまくいかなかったので備忘録。

:::note alert
Uncaught ReferenceError: $ is not defined
:::

##### 原因としては
・jQueryがうまく読み込めていなかった。
・Rails6でのjQuery導入ができていなかった

:writing_hand:参考にした記事

Introducing jQuery in Rails 6 Using Webpacker

#### 導入方法

“`
$ yarn add jquery
““

config/webpack/environment.js
javascript/packs/application.js
に下記を追加

“`environment.js
const { environment } = require(‘@rails/webpacker’)

//追加部分
const webpack = require(‘webpack’)
enviro

【rails入門】ページのスクロールに合わせて要素を動かす！

# 完成したこんな感じ

スクロールに応じて要素を左右に動かす！

# コード
“`html:index.html

My name is Naoya.

GeekSalon Fukuoka