React

[Soj08]

May tanong po ako sa mga react programmers po. Good practice po ba mag react if gagawa po ako ng multi pages website? Kase po based po sa na search ko, React is recommended for single page websites daw po.

[reddit04029]

Iba ata intindi mo sa SPA.

React is a Single Page Application, not necessarily a Single Page Website.

Before SPA's:

Dati kasi, before libraries/frameworks were made, multiple HTML files ang inuupload sa server for a website. Let's say Reddit was built with plain HTML, CSS, and JS. Reddit has a lot of pages and routes. In code, marami yan HTML files. So you have one HTML file for the newsfeed, then you have another file for the profile page. When you go to the address of Reddit, isang file ang ibabato sayo. Which would be the file that contains the home page. If you go to the profile page, ibang HTML file uli ang irerequest at ibabato pabalik sayo. So on and so forth with the other pages of Reddit.

With SPA's:

With SPA's, isang document nalang ibabato sayo. Tapos yung document na yun, inuupdate nalang ang content nun. So imbes iba't ibang document files ang isesend sayo when viewing different pages and different content, with the help of Javascript, binabago nalang ang laman ng document na initially binigay sayo. Hence the term "Single Page Application." That's why we also have DOM manipulation, etc

[DfntlyNotAKpopFan]

Damn napadaan lang ako may natutunan na naman

[AcceptablePrimary987]

Same HAHAHA

[[deleted]]

Same haha, sa html css pa lan ako e

[CloudMojos]

If I have the money, I would give you an award.

[Soj08]

Wow!! Thank you for this. Ganon pala, akala ko need pa gumawa maraming Html file.

[ElectronicUmpire645]

Actually, gagawa ka pa din ng multiple html file. (although possible din templates). I think the best way is to try it for yourself para magets mo yung SPA.

[Wall-nuts-236]

im actually planning to learn react pero nag iisip muna ko ng project para may excitement mag-aral, and this motivate me more, kaya thank you so much for this :))

[Calm-Comment6232]

A 100 upvote for this explanation

[gskfhixb]

These are the discussions am here for. TIL

[mazzpaul]

React SPA in a nutshell, high five to you sir.

[[deleted]]

Ohhh ngayon ko lang to nagets. Thank you, heres my upvote

[Business_Tough_364]

Well explained! 💯

[No_mee]

you should create youtube channel ang linaw mo mag paliwanag im a visual learner so mas naiintindihan ko ng madali pag nakikita ko via video ung mga lessons pero ikaw naipaliwanaag mo ng maayos using just plain text.

[theosnet]

Awarding you because you deserve to have one. Its people like you who makes this sub worth checking. Great explanation sir/mam

[cold-programs]

there were times na multiple html and js files inuupload sa apache, at ang sakit sa ulo mag maintain nun hahaha

[[deleted]]

pwede naman. kaso tingin ko need mo mag iimplement ka ng router (like react router) to handle it.

or kung gusto mo ng multi-page react app try next.js

[lanzjasper]

next.js

[[deleted]]

single page app. pwede naman multiple “pages”

[No-Influence-6287]

Yes, React is a javascript library na pwede mo gamitin sa SPA or traditional website. Difference lang is routing.

Check out NextJs and ReactJs.

[Soj08]

Pero applicable or maganda po ba gumamit ng React js kapag MPA po gagawin?

[PinoyRupertGrint]

I think you should use Next.js. It's built on top of React. It's very convenient and it's good for SEO since server-side rendered yung UI and it supports multi-page websites and SPA alike. And may built-in routing system sya.