🎉 基于 reactjs 开发的可视化项目实战

Last update: Aug 2, 2022

react-visual-data

介绍

🎉 基于 reactjs 开发的可视化项目实战

亮点

issues,欢迎提交~

调试

> git clone https://github.com/Aaron52077/react-visual-data.git
> npm i
> npm start

目录结构:

├── config-overrides.js
├── package.json
├── public
│   ├── config.js
│   ├── favicon.ico
│   ├── index.html
│   ├── robots.txt
│   └── static
├── README.md
├── src
│   ├── api
│   ├── App.js
│   ├── components
│   ├── index.js
│   ├── library
│   ├── materials
│   ├── pages
│   ├── polyfills.js
│   ├── styles
│   └── __mocks__

协议

  • 遵循 MIT 协议
  • 请自由地享受和参与开源

GitHub

https://github.com/Aaron52077/react-visual-data
You might also like...

Sistema de páginas integradas feitas com Reactjs

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jan 22, 2022

List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!

List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!

React Interview Questions & Answers Click ⭐ if you like the project. Pull Request are highly appreciated. Follow me @SudheerJonna for technical update

Aug 6, 2022

A Magic Memory Game Built with ReactJS

A Magic Memory Game Built with ReactJS

Jun 30, 2022

Brainn challenge with ReactJs, Typescript, Redux and Cypress.

Brainn challenge with ReactJs, Typescript, Redux and Cypress.

Exercício de Front-end Introdução A proposta do exercício de front-end da Brainn é ser simples e divertido. Exercício O objetivo é construir uma aplic

Nov 9, 2021

📜 Spacetraveling é blog que foi desenvolvido como desafio no Ignite da trilha de ReactJs da Rocketseat.

📜 Spacetraveling é blog que foi desenvolvido como desafio no Ignite da trilha de ReactJs da Rocketseat.

SpaceTraveling - Next.js Aplicação em formato de blog utilizando Prismic CMS 📖 Sobre o projeto O projeto tem como objetivo o estudo e desenvolvimento

Dec 14, 2021

Estudo de ReactJS curso da Digital Innovation One

Práticas Avançadas em Projetos com ReactJS Repositório de estudo de ReactJS Ciclo de Vida do React - Aulas 01 a 03 Entendendo o ciclo de vida do React

Nov 4, 2021

Pokédex criada com Reactjs

Pokédex criada com Reactjs

Objetivo • Preview • Funcionalidades • Tecnologias utilizadas • Instalação • 🎯 Objetivo 🚀 Projeto desenvolvido para fins de estudo da biblioteca Rea

Aug 2, 2022

This is a example for integrating PayHere with ReactJS

PayHere React JS example demo This is a example for integrating PayHere with ReactJS Steps Clone the project npm install How to perform your own React

Nov 24, 2021

This is the ReactJS Disney Plus Clone

Disney Plus Clone Readme LIVE DEMO 🔴 Watch full tutorial HERE Description This is the ReactJS Disney Plus Clone, the perfect project to put on your p

Feb 26, 2022
Comments
  • 1. 功能bug

    bug1:点击左侧大屏设计器其中一个图层,修改其中一个属性之后再点击另一个图层修改属性,比如修改width属性,功能正常, 但是如果点击中间画布上的其中一个图层修改width属性,再切换另一个图层,只要修改的第一个图层的input框不失去焦点,第二个图层渲染出来的width属性是刚刚修改的数值

    bug2:选择屏幕大小之后,画布改变了,画布上的图层没有自适应

    Reviewed by ArcherTrister at 2021-06-09 07:08
  • 2. 大屏预览展示逻辑

    预览时 非全屏 取 宽比高比中的最小值,F11 全屏时 重新计算获取比例,任意取一值(建议用宽比)(因为在完全全屏时,宽高比一致),退出全屏 重新计算 并取最小值, 实现方式建议:先阻止F11 原事件,并调用 screenfull 插件的 toggle(),onfullscreenchange 事件 重置计算比例

    Reviewed by YLQZ at 2021-05-24 02:55
Render visualizer for ReactJS
Render visualizer for ReactJS

React Render Visualizer A visual way to see what is (re)rendering and why. Features Shows when component is being mounted or updated by highlighting (

Aug 5, 2022
Calculadora simples usando classes do ReactJS

React Calc This calculator was developed by me using ReactJS during my JavaScript studies.

Jun 23, 2021
Projeto desenvolvido durante a NLW #06, apresentado pela Rocketseat entre 20 a 27 de Junho de 2021. 💜 #NLW #ReactJS #Rocketseat

?? Projeto Let Me Ask é um projeto desenvolvido durante a Next Level Week #6, apresentado pela Rocketseat entre 20 a 27 de Junho de 2021. ?? Aula 1 Au

Jun 29, 2021
Projeto desenvolvido na missão ReactJS no NLW #06

?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React Firebase TypeScript ?? Como executar Clone o projeto e acesse a pasta

Jul 26, 2022
Consuming GitHub API, showing user's profile and repositories, with ReactJS
Consuming GitHub API, showing user's profile and repositories, with ReactJS

GitHubProfiles Project made with ReactJS to practice API consuming using GitHub API, in order to show in a simple way user's profile and repositories.

Jun 16, 2022
Imersão Alura - 3º Edição. Criando o Alurakut, baseado no antigo Orkut. Usando ReactJs, NextJs e StyledComponents, em um semana de muito aprendizado.
Imersão Alura - 3º Edição. Criando o Alurakut, baseado no antigo Orkut. Usando ReactJs, NextJs e StyledComponents, em um semana de muito aprendizado.

????‍♀️ ?? Cuidado - Obras em andamento ?? Olá pessoa, seja bem vindo ao Alurakut da Ana Esse tem a minha carinha, mas você pode ter o seu também! O A

Mar 7, 2022
Projeto desenvolvido na missão ReactJS no NLW #06

?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React Firebase TypeScript ?? Como executar Clone o projeto e acesse a pasta

Aug 23, 2021
Reactjs Pokedex application

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. Available Scripts In the project directory, you can r

Jun 15, 2022
This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.
This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.

This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.

Aug 5, 2022
Reactjs Speed typing game
Reactjs Speed typing game

Reactjs Speed typing game

Mar 22, 2022