this is more of a question in free flow rather than code examples, because I need some guidance before I proceed with my project.
I did a quick udemy course on node, express, react and mongo back in March. The course was roughly about a month long. My effort was to start a project for a squash league community that I own in my city. Before starting the project, I did my research and decided to go with Node, express and mongo(mongoose). After 3 months, I am done with my project and pretty proud :).
While working along, I also had some ideas on how to add some social media aspects to my web app. So as Phase 2 I want to build that out.
Now the question. REACT obviously is a much better tool to build the social media website. So I was thinking to learn REACT a little more and then use it to build the social media aspect of my web app.
Is this a good approach? All the front ends of my app currently are built using HTML/css, node and ejs.
I basically dont want to rework on anything that I have built so far.
I am just trying to ask the experts if this approach is viable or will I run into any issues later. Please guide.
Related
Update: When I first started with this question I was basically struggling to understand what I needed to do in order to make my frontend interact with the backend.
To answer my own question in case new guys come in:
If you use ejs, you are using server side rendering, meanwhile if you work your frontend separated your backend, you'll mostly be working with APIs.
First learn Node. Than work your way through on how APIs work. After feeling comfortable, start learning React.
Yes its normal. Just start building a project or else you'll stay in that tutorial hell.
So I have basic knowledge about React, intermediate level on javascript... and now I have taken a node with mongodb course. So I know that, i'll be feeding my tutorial hell if I do not put all those together and start building something from scratch. But till now, I have only rendered the EJS files and know how to setup everything from the ejs view point.
So now I feel quite lost as if someone gave me a puzzle with missing pieces.
I know some of you guys have taken this road so I have a couple of questions, even though some sound quite stupid:
How can node code be affected introducing reactJs, because I am currently using res.render('ejsViewFile')?
When you guys first learned this approach for using the MERN Stack, how did you learn to connect both of them? I find a lot of tutorials... but they confuse me even more.
Is this normal... me feeling like I have learned absolutely NOTHING?
It's great to see such type of questions.
I have also developed web application in which I have to just use the node JS and react with multiple microservices.
so I am also going through from such tutorials on udemy and other tutorials that are available on the website.
I found out that you can use react JS as a front UI and you can use node JS for backend if you don't want to use spring boot for your microservices it is just fine.
So basically I have developed rest API in node JS and using axios and promise I am calling that API from my react applications so I think in that way you can connect both of the applications.
in most of the applications I have seen that node JS is used for security purposes in the following purposes and then node JS is connected to a microservice it is just kind of adding another layer over your application.
I prefer lead can tell you that you can go through the udemy courses of react JS and it will show you how you can create a rest API on the node JS.
React for UI
Nodejs: api gateway or backend. You wish
Java : microservices, rest apis
I am new to React and Vue frameworks. I am learning how to build simple SPA from courses, but there are no courses for MPA/SPA.
For example when I need website with 3 parts: Registration form, Login form, Dashboard
I don't want to use SPA and Router. I want to have those 3 sections served by back-end as 3 different websites. If you asking why, it is because I see this technique on almost every React/Vue powered websites (Instagram, AirBnB, Qualitista, ...)
Can you please explain to me what is best practice and how to implement this and if its worth making? Or am I supposed to just make backend API + SPA no matter what.
I think what you are referring to is called Micro Frontends https://micro-frontends.org but just like Micro Services, it is a solution to an organisational problem, not a technical one.
If you are not Instagram or Airbnb, you'll save yourself a lot of extra work by sticking with a monolithic architecture.
Next.js is a good place to start if you want to be guided into the pit of success https://nextjs.org
I don't know too much about this topic in particular. But after a little searching, this Universal Multi-Page React App looks like it might be a tutorial to do what you're interested in? Also found a little info in this Reddit post about Multi-page React Sites.
Also here's some info about how Vue.js does it from I'mOnlyVueman with a couple articles I found on the topic.
Companies use server-side rendering or preloading to bypass the
limitations of Vue with regard to SEO. Google cannot crawl Vue
components, so serving them from the server allows them to be indexed
before rendering.
Vue.js Server Side Rendering Guide
Server Side Rendering from the Vue.js docs
If you were to ask me a good example to learn multiple page apps I wouldn't go to React/Vue to do this, I'd use MVC. Microsoft has tons of tutorials if you're interested. Create a web app with ASP.Net Core and MVC
Hope this helps!
Hi to all Cool developers.
I am here for a helping guide that able to make me start my first Hybrid web+mobile application.
My Project:
I am going to build my final Project in Computer Science. The project i choose is a website that will serve as a platform for all Educational related info like Universites, Admissions, Scholarships, Carrers, Free Courses, Instituite recommednder e.t.c. Reference website: http://www.eduvision.edu.pk/
Technologies I have in mind to work on:
My main focus is to built it in using Node, express and Mongodb(Mongoose).
My Confusions:
As my website is heavily database oriented, what is best way to built it?
How to make it interactive and easily navigate?
How can I make it Hybrid? I know React native is used for this. But what's the procedure? Will I have to keep this in mind while developing my web application?
What frameworks and libraries I should use?
It would be a huge help.
Thanks
this look similar to me.hi anyways!you wanna choose is a website that will serve as a platform for all Educational related info like Universites, Admissions, Scholarships, Carrers, Free Courses by using mean stack ok its a new user friendly technology.to be honest you can build a website called (college management system).
where in this the students in the college will be a part of this website and all the details of the students will be in database when they register.and with this application it is helpful for the students to view their attendence and updates which were given by the college management.by using a framework like bootstrap,material design you can interact and easily navigate.as coming to the main question that you want to choose a website that will serve as a platform for all Educational related info like Universites, Admissions, Scholarships, Carrers, Free Courses.this is perfectly applicable.where universities can post Admissions,Scholarships can be posted in this website which is useful for the students.and also they will be aware of the attendence.which can be viewed by them daily and their will be no bluffing in it.and universites which can also update their information if any emergency required.to let the students know immediately.
as i already mention bootstarp and material design are the best framework to use and additionaly i am advising you to use visual code (IDE) for developing the project.because it is easy to use and user friendly.and you can also refer library called Quackit which gives best experience for you.and it is the best project for you to build in final year.
Its really confusing to setup the best project structure for node.js
I'm developing node.js application that works on Browser, Mobile and Desktop.
This application has many modules like billing, support, dashboard etc..
I started with express.js MVC pattern, later Sails.js looked very attractive.
Then came across MEAN Stack and finally landed on Microservices Seneca.js
Micro-Services looks like what i needed, But i see that Sails.js don't support it.
I wanted to use Aerospike NoSQL, but waterline orm doesn't support it right now.
So what is the project structure solution you are using for node.js that works in Browser, Mobile and Desktop?
This is an highly subjective question. But Meteor is what you are looking for. It does support desktop, browser, mobile, etc. and encourage NoSQL by it's native MongoDB support.
As a reference, I personally did try every single one of the frameworks you have tested (Sails, MEAN, etc.) and ended up with Meteor as my preferred.
As for the project structure, you can read more on various tutorials, books and YouTube videos. The learning curve is steep, but the community behind the project is quite alive and helpful.
I have a project where I can work on rails or nodejs to build a questionnaire style app, where the admin can post questions, check for top score, average scores and the user can take the questions. I have a basic knowledge on both rails and node but not good enough to build a fully functional app. I am working on it, but would like to know any good frameworks that would help me make the building process quicker, either in rails or nodejs. I did come across devise and surveyor in rails. please do suggest good starting points or other frameworks that would be useful in both rails or nodejs.
How about using sth like https://github.com/patocallaghan/questionnaire-js
This is a purely (client) javascript framework (using MVC frameworks underneath, like Angular).
On server-side one would only need to validate and save the data.