My blog about react
I thought I'd build it using react.
I'm using react a lot and solving some interesting issues, and I'd like to chronicle some of it in this repo.
Workflow
- write a new markdown file in
public/blog-markdown
as your blog post - runyarn newposts == ==tiltle="tile" --description'description'
- add a new object to
public/blog-config
, incrementing theid
field, displayed title and description come from here - run
yarn yolo
(oryarn build
thenyarn deploy
) - if you just add config, then you can skip step 3, and just run
yarn deploy
loader from https://loading.io/spinner/blocks/-rotating-squares-preloader-gif
New initial setup
New workflow
- create a new blog post with
yarn newpost
oryarn newposts == ==tiltle="tile" --description'description'
- write blog post in new markdown file.
- run
yarn yolo
caveats
if change file name in /blog-markdown
, must update "file"
in grey matter.
research
Similar ideas
- https://www.npmjs.com/package/create-react-app-blog
- https://github.com/philcockfield/react-middleware
Dev research
Clay's React Blog
react.clay.codes/blog-config/config.json
Clay's React Blog
https://gist.githubusercontent.com/clamstew/f462169dbbc140f97839c3ecf54ed05e/raw/3128390e9a75632125b6d33d1122fdb89590ad69/mardn.md
clamstew/react.clay.codes: A blog about react hosted at react.clay.codes
richleland/pygments-css: css files created from pygment's built-in styles
jonschlinkert/remarkable: Markdown parser, done right. Commonmark support, extensions, syntax plugins, high speed - all in one. Gulp and metalsmith plugins are also available.
Remarkable demo
react-remarkable/index.js at master · acdlite/react-remarkable
github pages unset cname - Google Search
highlight.js/src/styles at master · isagalaev/highlight.js
Components and Props - React
React Router: Declarative Routing for React.js
A Simple React Router v4 Tutorial – Paul Sherman – Medium
A Simple React Router v4 Tutorial - CodeSandbox
Overview - Analytics
Using media queries - CSS | MDN
Text Formatting Notation Help - Atlassian JIRA
Blocks - Build GIF, SVG and CSS Preloaders with Loading.io
jekyll | Transform your plain text into static websites and blogs
reactblogjs.com
ReactBlog