Markdown Table Generator in React Sample in 2020

Markdown Table Generator in React Sample in 2020


tutorials -

React Markdown Table Generator

Creating Markdown Tables without having to be an ascii art professional.

To Run

yarn install
yarn start

Or,

npm install
npm start

The server will start on http://localhost:3003.

TO DO LIST

Misc

  • [x] Push the initial commit
  • [x] Delete the default README.md
  • [x] Make a Todo List
  • [x] Add Redux
  • [x] Add SASS support
  • [x] Add immutable
  • [x] Deploy to EC9

Tasks

  • [x] Create "table" JSON object
  • [ ] Save redux to local storage (debounced)
  • [x] Create redux boilerplate
  • [x] Keyboard control (experimental)
  • [x] css for input + cell similar
  • [x] markdown table components
  • [x] parse markdown table to Array
  • [x] add original whitespaces
  • [x] create default mock table
  • [x] calculate whitespace on changes
  • [x] whitespace should be column by column basis, not whole table
  • [ ] escape | characters
  • [x] Change implementation to table
  • [ ] Menu bar
  • [x] insert extra cells
  • [ ] Render markdown->html inside cells
  • [x] Delete row functionality
  • [x] Delete column functionality
  • [x] React Spring for Delete Cell fade animation
  • [ ] Add UNDO
  • [ ] Option to remove filling whitespaces

CSS

  • [x] Column view for panes

Tests

  • [x] Set puppeteer for E2E testing
  • [ ] Util unit tests ?
  • [ ] CI tests + coverage

Issues / bugs

  • [ ] Capture "Enter" to avoid empty div's and br's
  • [ ] Firefox / Chrome works differently (spaces and enters)

GitHub

Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff