building blog using react.js and express.js - reactjs

I am a web developer tries to learn React.js. I am thinking about a blog for my first React project. Based on articles and tutorials I have read in the past few days, I am thinking about to use Node.js, Express.js and MongoDB for my server side and React.js for the front-end. Before I start, I want to be clear on few questions I have.
Are those enough to build a blog? Can React.js be used for UI without other template library such as Handlebars?? I have seen few articles using both React and Template engine and confused if I am going to need another template engine.
Can I use Json as communication method(Restful API) between the UI and the server?

Yes for all. But I suggest to use Redus(or Flax) to control all states.

Related

Using both Django template and React

Hi guys I’m trying to bulid a website which django works as an rest-api and react works as a front side. I manage to do the whole thing just fine and about to deploy it using aws. But there is one thing I couldn’t really get. Inside my django project I have an app that uses only django template to render things to front. And other apps are working only as apis to get and post things via react. Is it possible to deploy this kind of structure without any special options? I searched internet for a while but I couldn’t really find an example that fits my situation. Thanks!
Yes, you should be able to deploy it without extra options: you can have one Django template view to host the React app entry point, and the rest would be Rest API views that are accessed by React.

Is there any method of integrating ReactJS and Django without implementing Django Restful API?

Guys as you may know when using Vanilla JS you can just deliver html files to Django and just code between the lines in Python language in order to create the functionalities that you need in your backend side of your web application. However this is not the case when we use React JS. Is there any similar way(as vanilla JS and html files)for integrating REACT.JS and Django(except for using rest api endpoints)?
Maybe using react and Django are two different technologies and you need APIs to interact whereas this is not the case writing vanilla js in Django HTML files.
It's called React Server-Side Rendering. If you add Django to this and search for it, you'll get a couple of hits, like this tutorial bellow:
https://medium.com/meural-product-development/setting-up-server-side-rendering-with-react-redux-and-django-4d6f4d2fd705
Looks doable as long as you are somewhat proficient in Node as well.

Using Gatsby JS for a simple CRUD web app: is it recommendable?

I'm looking into building a very simple CRUD web application fetching data from and sending data to a RESTful API backend.
Since I have a good experience with Gatsby JS and most of the features it ships are very useful, would you recommend using it instead of the more vanilla create-react-app? Are there any drawbacks that I should know of?
I've been searching the web for info and showcases but there's not much around on the topic of Gatsby JS used for web apps.
Thanks a lot.
That depends on requirements to your application. If you need static rendered pages, Gatsby JS is ok. If your application is not needed it, but you need any server side live rendering, maybe you should look on something like nextjs. If it doesn't require anything of that, using of Gatsby may be overwhelmed and unnecessary and create-react-app will be enough.

Templete engine vs ReactJs

I have a question about templting engines and ReactJs. First of i'm a beginner to web development and I don't know a lot but hopefully you will get the point. Can I use React and not any other templeting engine to render pages from the server?
any help would really be appreciated.Thanks
React is a javascript library for building UI (https://reactjs.org/).
And because it is in javascript, the pages will be rendered in client side.
You don't need a template engine when you work with React.

Create Lumen 5.5 - React Project from scratch

I need to create a new project using reactJS and lumen 5.5 and i was installed lumen 5.5 and reactJS. but then i was stuck, so i have some questions:
where is the position of the reactJS folders should be?
how i can add a react component in the home page with data-source from lumen api?
how we can integrate between them?
what the content of package.json should be?
i will appreciate any clear answer, because i was spent alot of time to make an integration between them without any results.
Lumen isn't intended to have views, it's primarily intended to be a lightweight API framework. If you want views and a front end, you should use Laravel. Which also comes with a react preset to get you started right away. Laravel also has API routes built in that you can use for your API. The good news is that your code from Lumen should be fairly easy to transfer over to a Laravel project.

Resources