Onlook lets you visually edit your React website and write your changes back to code in real-time Onlook lets you visually edit your React website and write your changes back to code in real-time
import React from 'react'; import { StatusBar, View, StyleSheet, KeyboardAvoidingView, Text, } from 'react-native'; import { withTheme, ScreenContainer, Image, TextField } from '@draftbit/ui'; import Images from '../config/Images'; class Login extends React.Component { state = {}; componentDidMount() { StatusBar.setBarStyle('dark-content'); } render() { const { theme } = this.props; return ( <Scre
(CC) Blender Foundation | mango.blender.org (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org © copyright Blender Foundation | durian.blender.org © copyright Blender Foundation | www.sintel.org Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Web
React components to build charts and dashboardsReact components to build dashboards35+ fully open-source, accessible components for dashboards and charts. Built with React, Tailwind CSS and Radix UI.35+ fully open-source, accessible components for dashboards and charts. Built with React, Tailwind CSS and Radix UI.
🇰🇷 한국인 (Korean) translation available (courtesy of Yujin Lim) “The future Relay-style GraphQL is already here – it’s just not evenly distributed.” – William Gibson, probably ”Relay-style GraphQL” is an opinionated way of consuming GraphQL in a React application, and probably better than whatever you’re currently doing. It follows the ideas pioneered by Meta’s open-source GraphQL library, Relay.
This documentation is still under construction 🚧. We welcome your feedback! ReactPy is a library for building user interfaces in Python without Javascript. ReactPy interfaces are made from components which look and behave similarly to those found in ReactJS. Designed with simplicity in mind, ReactPy can be used by those without web development experience while also being powerful enough to grow w
Toggle turquoise light (visual effect)Toggle yellow light (visual effect)Toggle purple light (visual effect) So, let’s be real. Learning React is hard. Over the past few years, React has become a “must-have” skill for front-end developers. Just about every job posting lists it as a pre-requisite! If you’ve tried to learn React, though, you know it can be confusing and overwhelming. There’s just so
export const FirstVideoConfig: VideoConfig = { sections: [ { title: 'イントロダクション', bgmSrc: '/audio/bgm/honobono-wartz.wav', backgroundVideo: '/video/cyber-bg.mp4', afterMovie: '/video/yukkuri-opening.mp4', talks: [ { text: 'ねえねえ魔理沙', speaker: 'reimu', id: '59f8c2cd81334be5ab5cdc7899fad286', audioDurationFrames: 25, }, { text: 'なんだ霊夢', speaker: 'marisa', id: '0ba332a465c3404a870de15cad021407', audioD
Move Fast and Break Nothing. End-to-end typesafe APIs made easy.Experience the full power of TypeScript inference to boost productivity for your full-stack application.
API販売サービスの開発を通して実践的なReactアプリケーションの開発手順を学べる本です。下記のWebサービスを実際に作っていきます。 https://fmmail.netlify.app/ 誤登録を防止するため「本システムは開発中です。ご利用いただけません」と表示していますが、実際には次の機能がすべて利用できます。 ・ GoogleアカウントとAWS Cognitoを用いたユーザー登録と認証 ・ メール受信API（販売対象のAPI） ・ ユーザー登録に伴うAPIキーの自動発行 ・ Stripeを用いたクレジットカード決済とサブスクリプション ・ サブスクリプション開始に伴うアップグレード ・ サブスクリプション解約に伴うダウングレード ・ アカウントの削除 本書ではこれらの機能の作り方を詳しく説明しています。 一方、以下の内容は説明していません。必要に応じて入門書やネットで適宜お調べく
function Counter() { const [value, setValue] = useState(0); return ( <> <div>Counter: {value}</div> <button onClick={() => setValue(value + 1)}>Increment</button> <button onClick={() => setValue(value - 1)}>Decrement</button> </> ) } Closer to the DOM Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM. It builds on stable platform features, registers real event handler
The content is based on Patterns.dev - a free online resource on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React. The patterns covered on this website and in the workshop can guide you when facing a problem other developers have encountered many times before, but are not a blunt tool for jamming into every scenario. The goal is to raise aware
Reactを用いてブラウザ拡張機能を作成する際に、サクッと作り始められる目的でテンプレートを作ったので紹介します。 基本の構成としては、React + TypeScript + esbuildを使ったものとなっており、@htlsneさんのテンプレートをベースに、開発を始める際に個人的にそろっていてほしい環境を追加で導入したものになります。 zenn.dev ※ベースの段階でbuild周りの実装など綺麗にまとまっており素晴らしいテンプレートとなっていますので、環境周りは自分でやるから最低限でいいよという方にはベースのこちらをお勧めします。 成果物 github.com 想定する利用場面 Reactで環境構築を考えずにブラウザ拡張機能を作り始めたい時にお使いいただけます。 それ以外の場合は... Vueで作りたい時はvitesse-webextが便利そう モジュールバンドラー 冒頭でも説明しま
React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work. This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away. Each lesson in this 28-part course is a single index.html file. This keeps your f
After 3 years of development, 2.5 years of production use at Airbnb, and a rewrite in TypeScript we are excited to announce the official 1.0 release of visx (formerly vx). You can find the project on GitHub and browse documentation and examples on airbnb.io. At Airbnb, we made it a goal to unify our visualization stack across the company, and in the process we created a new project that brings tog
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
