タグ import React
人気順 10 users 50 users 100 users 500 users 1000 usersReact19: useOptimistic を用いた楽観的UI更新と内部実装の解説 - Qiita
2024/12/10
10 users
useOptimistic
Qiita
const
Name
import React, { useOptimistic } from 'react'; function ContactForm() { const [optimisticData, addOptimisticData] = useOptimistic( { name: '', email: '', message: '' }, (prevData, newData) => ({ ...prevData, ...newData }) ); async function handleSubmit(formData) { // 楽観的な更新を適用 addOptimist... 続きを読む
Figma to React – Convert Figma designs to React code
2021/03/27
84 users
React
react-native
SVG
import
import React from 'react' import { View, Text, Image, StyleSheet } from 'react-native' import { Svg } from 'react-native-svg' export default function FigmatoReact () { return ( <View style={FigmatoReactStyles.FigmatoReact}> <Text style={FigmatoReactStyles.FigmatoReact}> Figma to React </Text> <In... 続きを読む
React-Router v4を使って認証状態でリダイレクトする処理
2018/07/12
22 users
component
react-router
React
ログインが完了したらトップページにリダイレクト、未ログインで認証が必要なページにアクセスしたらログインページへリダイレクト、という処理がある。 react-routerのv4でルーティングするとこんな形である。 import React, {Component} from 'react' import { BrowserRouter as Router, Route, Switch } from 'react-... 続きを読む
minimum-react.html · GitHub
2018/06/18
8 users
GitHub
module
script
Hello
root
minimum-react.html <div id=root /> <script type=module> import React from 'https://dev.jspm.io/react@16' import ReactDOM from 'https://dev.jspm.io/react-dom@16' ReactDOM.render( React.createElement('h1', null, 'hello'), document.querySelector('#root') ) </script> 続きを読む
katatema.js - ✘╹◡╹✘
2016/11/23
347 users
React
div
コマンド
HTML
from
2016 - 11 - 24 katatema.js 次のようなコードを書いて、 import React from "react"; export default () => <div>Hello!</div> 次のようなコマンドを叩くと、 katatema build 次のようなファイルが生成されるという、 katatema というツールをつくった。 <!DOCTYPE html> <html... 続きを読む