Should I use vue cli when working on just a page - vue-cli

At work, I'm tasked to work on just a page of our website using vue.js. Does it make sense to use vue cli? Our website doesn't use vue.js yet and I'm just asked to use it on a page. What I do is just create the page and send it to my teammate and he will integrate it to our production build.

Related

How can I create a mobile applications which react that can also serve as a website

I just finished my JavaScript course and I understand pretty well how things work.
I have started my React journey with a project in mind
So I want to create a mobile application using React Native and I also want that same application to be a website with domain and url since I want the website to work with with Google adsense.
I'm a little bit confused about things cause I want to use mysql database, node for back end and React for the front end, but I don't know if this is possible to just create one application that work as both mobile app and a website.
Thank for your assistance and advice in advance.
A way to use practically the same code for a web frontend and mobile app is using tools like Capacitor. It make it quite simple, and also allow you to use some mobile native API's.
Here's how to integrate it with react js Using Capacitor with React

Can't we SEO Mern Stack Applications and reactjs Applications?

I am a newbie to development and I recently created a MERN Stack Application which uses reactjs as the frontend, Nodejs with express as the Backend, and MongoDB as the Database. After that, I searched for some methods to SEO this application. But in many articles on the internet, they have mentioned that we can't SEO Reactjs applications and instead we need to implement SSR(Server side rendering). So now I have the following questions. Could someone explain these, please?
Can we upgrade the existing MERN application to NextJs?
Is there any other methods to SEO this MERN Application?
So do I have to prevent using React as the frontend in my future projects? Instead, do I need to use Nextjs definitely in my future projects? If so reactjs is useless?
Thank You.
Surjeet has covered your first question nicely. In answer to you second and third question there are tools such as React Router and React Helmet which can add some SEO to a React project. There's a helpful article about it here:
https://medium.com/#prestonwallace/3-ways-improve-react-seo-without-isomorphic-app-a6354595e400
The quick summary is that React Router will allow you to generate a uri for each new route. React Helmet creates metadata tags in the header of a component such as a title or the description of the page, which googlebot can then pick up.
Yes, You cannot do SEO of a react application. You have to use SSR for it.
Answers to your questions:
1. Can we upgrade the existing MERN application to NextJs?
Yes you can but it's a lengthy manual process. All of your components you can use directly. There are many things you need to change:
Routing (NextJs has a different way of routing)
Way of Importing Styles
Run Scripts in package.json
If you have used browser things like window object, localStorage then you have to handle those in SSR
And there may be other issues you might face while running the app
2. Is there any other methods to SEO this MERN Application?
No, SSR is a must
3. Do I have to prevent using React as the frontend in my future projects? Instead, do I need to use Nextjs definitely in my future projects? If so reactjs is useless?
Go with NextJs if SEO is a must and you want SSR (Ex: E-Commerce Site, Personal Site)
Go with React if no SEO (Ex: Admin Panel, Specific User-based Web App)

Should you use a backend with a headless CMS?

Im building a website in school and we need to use a headless CMS to manage the website when it's finished. Im using react on the front end.
My question is can i use a backend server like node js with a headless CMS or would that be unnecessary / not make sense? Im learning node and graphql in school atm and wanted to implement that to this website, could i do that alongside with a headless CMS?
Tanks for answers!
Yes, using NextJS for example. This adds a serverside part to your application.
Depends whether you're building headless cms yourself or just using available options like Strapi or others.

How to build desktop App using electron

I have a website which I build using Angular as frontend and NodeJs as my backend with mysql as the database. I want to create same version of the website as desktop application using ELECTRON, Am new to electron, Can someone guild me on how to build this desktop app. also do not forget my database which in mysql.
With Kind Regards,
It would be good to know what kind of web application you have and what you're trying to aim with the desktop application.
One solution could be to just embed your web page in the desktop application, inside a webview.

Using ReactJS with Sharepoint Rest API

I'm trying to use the React JavaScript library with the SharePoint Rest API to display and edit SharePoint Lists. I've been able to get React to work inside of SharePoint, I'm using webpack-dev-server for development but it is difficult and time consuming. Currently I mock up data for SharePoint Rest API calls and develop my code on webpack-dev-server. When I get the code working. I compile the code for production and move the files to the SharePoint server. I then test the new functionality in SharePoint.
React needs to run inside of SharePoint to access the Rest API. I don't think it is possible to set up the webpack-dev-server on the SharePoint server because SharePoint doesn't use actual folders to store files. I tried to map a network drive on my windows computer to the SharePoint server but I was unable to get it to work.
I have just begun to work with JavaScript and React so I don't have much experience.
How can I make my development process easier?

Resources