Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,043 members, 7,818,101 topics. Date: Sunday, 05 May 2024 at 07:56 AM

Frameworks. Project Based Learning. - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Frameworks. Project Based Learning. (717 Views)

Project Based Learning (FULL-STACK DJANGO DEVELOPER) / First Chrome Extension (project Based Learning) / Please Recommend A Project Based Javascript Tutorial For Me? (2) (3) (4)

(1) (Reply) (Go Down)

Frameworks. Project Based Learning. by niel63(m): 1:52pm On Mar 12, 2023
So, curiousity about how easy it is to switch to any frontend framework has got me thinking... where are we really going? Is this all battle for reactivity and how DOMs are mounted. Well, I don't care anymore... whatever gets the job done. But honestly, I see why Reactjs is the preferred candidate everywhere.

I've worked with svelte and it's kit, React and Nextjs (my favorite), Remix, and now Vue and Nuxt.

How I learn a new framework is create a project on it. Project Based Learning will always be a better way to grasp anything you're learning in programming. Because problems and bugs you encounter will always push you to learn the concepts...

Now, I'm eyeing Solid js and SolidStart which is the solid framework like Next and Nuxt.

Here's my first Nuxt project. A jamstack app, using sanity.io as it's Headless CMS. Me I like sanity too much ooo... its easier to work with.

Here's the link: https://perfectfitinteriors.com

Note: I never really finish am, but I want to get reviews and what I can improve on it.

Styling was done with tailwind... the UI, well, I saw a free figma design and implemented it. E no hard if you know how to shake your small yansh in css.

Review and Rate over 10. I wan check something.

Modified:
It has a dark-mode option based on system settings. You can switch between light and dark from your devices. It'll adapt to your selected mode.
If you don't get the UI right, then what's the point.

3 Likes 1 Share

Re: Frameworks. Project Based Learning. by niel63(m): 1:56pm On Mar 12, 2023
That's my first Nuxt App, but my first vue app is this simple app that aids members make payments.
https://quickpay.niaabujachapter.com
Re: Frameworks. Project Based Learning. by niel63(m): 1:57pm On Mar 12, 2023
The best way to learn anything is to work on/with it.
Re: Frameworks. Project Based Learning. by truthCoder: 6:07pm On Mar 12, 2023
Good job.

1 Like

Re: Frameworks. Project Based Learning. by Alphabyte1: 6:47pm On Mar 12, 2023
niel63:
The best way to learn anything is to work on/with it.

Drop some designs tips your UI are good
Re: Frameworks. Project Based Learning. by truthCoder: 8:36pm On Mar 12, 2023
niel63:
So, curiousity about how easy it is to switch to any frontend framework has got me thinking... where are really going? Is this all battle for reactivity and how DOM is mounted. Well, I don't care anymore... whatever gets the job done. But honestly, I see why Reactjs is the preferred candidate everywhere.

I've worked with svelte and it's kit, React and Nextjs (my favorite), Remix, and now Vue and Nuxt.

How I learn a new framework is create a project on it... Project Based Learning will always be a better way to grasp anything you're learning in programming. Because problems and bugs you encounter will always push you to learn the concepts...

Now, I'm eyeing Solid js and SolidStart which is the solid framework like Next and Nuxt.

Here's my first Nuxt project. A jamstack app, using sanity dot io as it's Headless CMS. Me I like sanity too much ooo... its easie to work with.

Here's the link: https://perfectfitinteriors.com

Note: I never really finish am, but I want to get reviews and what I can improve on it.

Styling was done with tailwind... the UI, well, I saw a free figma design and implemented it. E no hard if you know how to shake your small yansh in css.

Review and Rate over 10. I wan check something.

The pond will settle but not now.

React would be the old php with many SPAs needing updates to more robust frameworks with full server rendering and routing.

With auth.js been pushed by the guys at vercel/next/sveltekit, vite handling the back of the backends, and security becoming more in-baked, plus the new kiddo AI on the block, the season film has not even started.

It is amazing what a one-man team can now build in a weekend compared to just the last 36 months.

1 Like

Re: Frameworks. Project Based Learning. by chukwuebuka65(m): 9:09pm On Mar 12, 2023
Nice
Re: Frameworks. Project Based Learning. by Nobody: 1:48am On Mar 13, 2023
vercel/next/sveltekit, vite, Vue.

No wonder people hate JavaScript.

Hashing out children every few months like a 10/10 prostitute who doesn't use protection grin

5 Likes

Re: Frameworks. Project Based Learning. by niel63(m): 2:28am On Mar 13, 2023
GREATIGBOMAN:
vercel/next/sveltekit, vite, Vue.

No wonder people hate JavaScript.

Hashing out children every few months like a 10/10 prostitute who doesn't use protection grin

No be small 10/10 ashy!!! grin
Re: Frameworks. Project Based Learning. by truthCoder: 8:43am On Mar 13, 2023
GREATIGBOMAN:
vercel/next/sveltekit, vite, Vue.

No wonder people hate JavaScript.

Hashing out children every few months like a 10/10 prostitute who doesn't use protection grin


That’s the beauty of js.

If you can think it, you can build it

1 Like

Re: Frameworks. Project Based Learning. by niel63(m): 9:05am On Mar 13, 2023
truthCoder:



That’s the beauty of js.

If you can think it, you can build it

cheesy
Re: Frameworks. Project Based Learning. by Naijatask: 10:38am On Mar 13, 2023
niel63:


cheesy

Damn, that nuxt website is 🔥🔥🔥🔥. I noticed that it is also blazingly fast.

Does that mean that nuxt is faster than react based websites? Most react websites I've seen aren't fast compared to yours.

Also, should learn nuxt? Or react?

I'm a beginner btw.
Re: Frameworks. Project Based Learning. by niel63(m): 12:00pm On Mar 13, 2023
Naijatask:


Damn, that nuxt website is 🔥🔥🔥🔥. I noticed that it is also blazingly fast.

Does that mean that nuxt is faster than react based websites? Most react websites I've seen aren't fast compared to yours.

Also, should learn nuxt? Or react?

I'm a beginner btw.

Understand Javascript well.

Then pick react. You can easily switch to any other library or framework since most of them are preaching modularity and component driven development with reactivity at their core.
Re: Frameworks. Project Based Learning. by Naijatask: 12:51pm On Mar 13, 2023
niel63:


Understand Javascript well.

Then pick react. You can easily switch to any other library or framework since most of them are preaching modularity and component driven development with reactivity at their core.

Thank you for responding.

That auto dark mode and light mode feature, is it a feature of tailwind css? Or you had to integrate it manually?
Re: Frameworks. Project Based Learning. by truthCoder: 8:32pm On Mar 13, 2023
Naijatask:


Thank you for responding.

That auto dark mode and light mode feature, is it a feature of tailwind css? Or you had to integrate it manually?

Dark mode with tailwind is simple.

Just declare two colors. One is the normal one. For example bg-red-200. The other one starts with dark:. So it would be dark:bg-red-800.

That gives you a system based dark mode.

If you want manual switches to toggle, that requires more codes.

1 Like

Re: Frameworks. Project Based Learning. by Naijatask: 9:29pm On Mar 13, 2023
truthCoder:


Dark mode with tailwind is simple.

Just declare two colors. One is the normal one. For example bg-red-200. The other one starts with dark:. So it would be dark:bg-red-800.

That gives you a system based dark mode.

If you want manual switches to toggle, that requires more codes.

Wow, so the mode toggles automatically using your phone settings or PC settings which just this few codes?
Re: Frameworks. Project Based Learning. by truthCoder: 9:51pm On Mar 13, 2023
Naijatask:


Wow, so the mode toggles automatically using your phone settings or PC settings which just this few codes?

Yep

1 Like

Re: Frameworks. Project Based Learning. by Diamobd: 1:51am On Apr 17, 2023
niel63:
So, curiousity about how easy it is to switch to any frontend framework has got me thinking... where are we really going? Is this all battle for reactivity and how DOMs are mounted. Well, I don't care anymore... whatever gets the job done. But honestly, I see why Reactjs is the preferred candidate everywhere.

I've worked with svelte and it's kit, React and Nextjs (my favorite), Remix, and now Vue and Nuxt.

How I learn a new framework is create a project on it. Project Based Learning will always be a better way to grasp anything you're learning in programming. Because problems and bugs you encounter will always push you to learn the concepts...

Now, I'm eyeing Solid js and SolidStart which is the solid framework like Next and Nuxt.

Here's my first Nuxt project. A jamstack app, using sanity.io as it's Headless CMS. Me I like sanity too much ooo... its easier to work with.

Here's the link: https://perfectfitinteriors.com

Note: I never really finish am, but I want to get reviews and what I can improve on it.

Styling was done with tailwind... the UI, well, I saw a free figma design and implemented it. E no hard if you know how to shake your small yansh in css.

Review and Rate over 10. I wan check something.

Modified:
It has a dark-mode option based on system settings. You can switch between light and dark from your devices. It'll adapt to your selected mode.
If you don't get the UI right, then what's the point.
Greetings sir, please I sent you a nairaland email. I'll be grateful if you could reply. God bless you
Re: Frameworks. Project Based Learning. by niel63(m): 4:41pm On Apr 17, 2023
Diamobd:

Greetings sir, please I sent you a nairaland email. I'll be grateful if you could reply. God bless you

I have responded to your email.

Good evening.

(1) (Reply)

Questions On Software Business / Facebook Introduces New App ' Bang With Friends' / Launch This Year Is A Step-by-step Guide For Building Your Mobile App

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 34
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.