How to use React in Jekyll?


#1

I know, it might be a weird question. But still, How to use React in Jekyll?


#2

Not the answer you want but maybe give Gatsby a look. It’s a static site generator like Jekyll but React based.

https://www.gatsbyjs.org/


#3

Do you want to basically blend the create-react-app & Jekyll? If so, I want to hear why as I have a project that is doing just that. Just need user feedback to make sure it’s useful.


#4

I have also thought @navarrorc, that using create-react-app and adding Jekyll would solve the problem then instead it would increase the problem because react will not understand how Jekyll import the files from other sources.

And Jekyll is Ruby-based and React is Node.js based, so I don’t think they would work :stuck_out_tongue_winking_eye:


#5

I think the approach would be best configured in your Webpack config., similar to a GulpJS setup with Jekyll, so @yashumittal it probably is possible. But probably more trouble than it’s worth.


#6

I have a Jekyll, React, Webpack, Node, Babel on Minimal Mistakes with a Netlify Docker Build.
Check out the Todo React component in the lower right sidebar of https://donboulton.com
Repo is at: GitHub Repo


#7

Hi there,

Did you manage to use Jekyll with create-react-app? I know you can use Webpack and React with Jekyll. But I’m looking for a solution to use create-react-app instead.