How to use React in Jekyll?

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

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/

2 Likes

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.

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:

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.

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

1 Like

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.

Hi there, could you please share your project? I also need to use a create-react-app inside a Jekyll site.

Did anyone ever figure out a solution to this? I am trying to deploy some minor React additions to a friend’s Jekyll site and can’t seem to get the two to play nice together.