Fork of React 1

100%

Fork of React 1

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

Forked from Untitled

Fork of React 1 reproduces a Sol LeWitt art piece as a React application, using React 18 to render a shopping list interface alongside the visual work. The example demonstrates a basic React setup with a class component, using `ReactDOM.createRoot` to mount the application. The code includes a commented-out D3 v7 import and references a webpack configuration with externalized React dependencies, but does not actively implement any D3 visualization or data-driven rendering. The primary output is a static `Hello, world` heading generated through React's JSX syntax.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example renders a blank React application inside an HTML page, demonstrating the minimal setup required to combine React with D3. The code loads React 18, ReactDOM, and D3 v7 from CDNs, then uses `ReactDOM.render` to mount a simple `App` component into a `root` div. The page defines a hidden overflow body style and includes a YouTube video embed in the README, though the visible output only shows an empty canvas. The focus is on the wiring of the JavaScript libraries rather than any data visualization.

MMathieuSchaff

79% match

Loading thumbnail…

Fork of D3 React Starter

This example displays a single, centered “Hello React!” message in a 13-em font. It demonstrates a minimal React setup within a D3 environment, using React 16.13.1 and ReactDOM to render a functional component into the `#root` div. The page loads production React builds via `unpkg.com` and executes the app from a compiled `bundle.js`, showcasing a basic React render without any data or interactive D3 elements.

MMatheus Schiffer

79% match

Loading thumbnail…

Fork of React Starter

This example demonstrates a minimal React application that renders the text “Hello React!” as a large, left-aligned heading. It shows how to initialize a React component tree and mount it to the DOM using `ReactDOM.render`. The code imports `React` and `useState`/`useEffect` hooks from the React library, though only the basic component structure is used. The `index.html` loads React and ReactDOM from CDN, while `bundle.js` contains the compiled JavaScript. Data handling and visualizations are absent; the focus is purely on the starter setup.

DDasbach.EJ

78% match

Loading thumbnail…

Fork of React Starter

This example demonstrates a single-page React application that displays the text "Hello React!" centered on the screen. The render uses React 16.13.1 and ReactDOM to mount a functional component into the root element defined in `index.html`. The component returns a `div` with a CSS class that applies a large font size via inline styles. The page loads the React libraries from unpkg and renders the message through the `ReactDOM.render` call.

Sshatomouimena

78% match

Loading thumbnail…

Fork of React Starter

This example demonstrates a minimal React application that renders the text “Hello React!” as a large, centered message. It shows how to scaffold a basic component-based UI using React 16.13.1 and ReactDOM, with the `App` component defined as a JavaScript arrow function returning a JSX `<div>`. The application mounts to the DOM element with the ID `root`, and the page loads React and ReactDOM from a CDN via `<script>` tags. No external data or interactive behavior is included; the visualization is purely static text styling controlled by CSS.

SSeung Y. Lee

78% match

Loading thumbnail…

Untitled

This example reproduces a Sol LeWitt art piece using React and D3. The visualization generates geometric wall drawings according to the artist’s conceptual rules, displaying the resulting patterns on a canvas. The code imports React 18 and D3 v7, though the commented-out script tags suggest the D3 library may be conditionally included. The React component `ShoppingList` renders a simple list, but the primary focus is the algorithmic drawing derived from LeWitt’s instructions, demonstrating how programming can emulate generative art.

Ccssergio

78% match

Loading thumbnail…

Fork of React Starter

This fork demonstrates a minimal React application that renders the text "Hello React!" centered on the page. It imports React and ReactDOM, defines an `App` component returning a styled `div`, and mounts it to the `#root` element via `ReactDOM.render`. The example uses production builds of React and ReactDOM from unpkg, with custom CSS controlling the large message font size.

Mmariannamusz

78% match

Loading thumbnail…

Fork of React Starter

This example renders a full-screen “Hello React!” message in large, centered type. It demonstrates a minimal React application setup using `createRoot` from `react-dom` to mount the root component into `index.html`. The app imports React 18.2.0 from a UMD bundle, defines a stateless functional component, and renders it into the DOM. There is no data source or chart; the example focuses on boilerplate structure for React-based visualizations.

IIgor Bojković

78% match