Quickly Create a Markdown Editor with React

This article was originally published on bmf-tech.com . ※This article is a repost from Innovator Japan Engineers’ Blog . Preparation Setting up the build environment can be cumbersome, so this time we will use the official Facebook tool create-react-app . npm install -g create-react-app We will prepare the environment with the app name md-editor . create-react-app md-editor Next, let's install the libraries we will use this time. cd ./md-editor npm install --save marked npm install Finally, once the server is started, we are ready to go. npm start Implementation STEP 1 Before we start implementing, let's delete the unnecessary files that we won't be using this time. App.css App.test.js logo.svg Make sure to remove the imports for these files from src/index.js and src/App.js . Also, in src/App.js , let's leave the contents of the return statement empty. (We will ignore the warning during build about the return statement being empty for now.) src/index.js import React from ' react ' ; im