My html is getting very extensive, is there any way I can split it like react components

Trying to develop a complex application.
49 Replies
Kevin Powell
Kevin Powell•2y ago
HTML, no... you have to use something that will combine things together. I'm a big fan of Astro, because you can keep it really simple if you want to. https://astro.build
Astro
Astro
Astro is an all-in-one framework for building fast websites faster. Grab content from anywhere, deploy everywhere, and show the web what you've got.
JOY
JOYOP•2y ago
Thank you for your reply . Will this be suitable for making a dynamic web app? with lots of pages
vince
vince•2y ago
Why not use react?
JOY
JOYOP•2y ago
React hard
vince
vince•2y ago
If you want a dynamic web app with different ui states using a framework will be easiest Using plain JS will be harder It depends what project you're building and the scope of it If you just want to break your html into components you can look into html templates But without more context it's hard to say what approach might be best for your project
JOY
JOYOP•2y ago
We can use react in astro?
vince
vince•2y ago
Yes
JOY
JOYOP•2y ago
It's a web app that provides templates , we can edit it
Jochem
Jochem•2y ago
if you're building a static site, astro is probably easier, but if you're building a dynamic site I'm pretty sure it's going to add complexity over using a framework like sveltekit or next
JOY
JOYOP•2y ago
The templates So should I use react only 😭 can't decide
Jochem
Jochem•2y ago
that depends on your project's needs
vince
vince•2y ago
Web apps that provides templates sounds like a good use case for SSG Jochem and Kevin are way more knowledgeable than me though so I'll defer to them
Jochem
Jochem•2y ago
if you were doing it entirely in HTML so far, you're fine using Astro to build a static site as a next step. but if you really want to build a dynamic website, Sveltekit is probably the easiest to pick up right now you'll need a backend server of some kind though
JOY
JOYOP•2y ago
Ye
Jochem
Jochem•2y ago
given that we know next to nothing about what you're trying to build though, it's hard to give any proper advice
JOY
JOYOP•2y ago
It's a saas that provides pricing page templates , you can edit the templates according to your business services. And it should be easy to connect it to stripe The result after editing the template should be a peice of code that you can embed into your code. Like a fully functioning pricing page that can take payments Do u understand? I'm bad at explaining things And English too
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Jochem
Jochem•2y ago
so you're generating payment widgets that other people can integrate with their own Stripe? and taking payments for this service through stripe?
JOY
JOYOP•2y ago
Nah I was just making ui Just started Ye
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
JOY
JOYOP•2y ago
😦
Jochem
Jochem•2y ago
you'll have to do some research into stripe and see if you need to run that on the backend or if you can get away with just frontend, and then you'll probably want to learn a lot more javascript and then a framework so you can build what you need
JOY
JOYOP•2y ago
Life is hard 😭
vince
vince•2y ago
Honestly React is really easy (excluding caveats) to get started with I would just pick Astro and or React up and just go with it, you'll learn along the way šŸ™‚ You'll figure it out just gotta put some sweat into it
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
JOY
JOYOP•2y ago
I'll try
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
JOY
JOYOP•2y ago
Bro wtf
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Jochem
Jochem•2y ago
seconding svelte(kit), it's very nice, and if you learn one framework you'll have less trouble switching to another than learning one from scratch make sure you have a good basic knowledge of javascript first though
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
JOY
JOYOP•2y ago
I can make calculators So yea
vince
vince•2y ago
Honestly though lol
JOY
JOYOP•2y ago
ChatGPt never helps me Prolly bad at prompting
Jochem
Jochem•2y ago
it's not a good learning tool
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
vince
vince•2y ago
I like it a lot for clarifying questions, using it to write code is a mistake
Jochem
Jochem•2y ago
it lies, and it is obsessed with using var which is instant-discard-pile if I see it in a project for a potential applicant
JOY
JOYOP•2y ago
Even I know var is bad Let and const good Stupid Sam altman
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
JOY
JOYOP•2y ago
So sveltkit it is ? Right
Jochem
Jochem•2y ago
pick your own framework, but that's what I'd suggest atm yeah
JOY
JOYOP•2y ago
Thanks for help, flying goodbye kissies on your lips
Jochem
Jochem•2y ago
yeah, no thanks. Keep it appropriate please
JOY
JOYOP•2y ago
How about AWS for backend ? You tried AWS?
Jochem
Jochem•2y ago
not really. Again, depends on your scope
JOY
JOYOP•2y ago
For user authentication?
Jochem
Jochem•2y ago
it's an option yeah we're going very far off the original topic for the question though, and we're not here to just design your app for you
JOY
JOYOP•2y ago
Apologies if I come off as selfish

Did you find this page helpful?