Logo

dev-resources.site

for different kinds of informations.

A guide into REACT AND SVELTE

Published at
6/30/2024
Categories
webdev
hng
hng11
frontendtechnologies
Author
ejiroosiephri
Author
13 person written this
ejiroosiephri
open
A guide into REACT AND SVELTE

As you journey into frontend development, the first thought that comes to mind is: i want to learn React. Yes about 70% of developers are conversant with react. Why? React is the most popular of frontend UI library.

In this short article, i will be guiding you through other frontend frameworks like react that you probably haven’t come across yet. And i would be sharing my experiences and how i chose to join one of the best intern program in the world.

Let’s Get Started

We would be talking about two Niche’s in frontend development and few contrasts, advantages and disadvantages of both.

The two frontend technologies are REACTJS and SVELTE

Let’s start with react, to be honest, one of the reason i started with react is one of the features that attracts many other developers, The ECOSYSTEM.

The community and ecosystem of reactJs is so large, a lot of libraries are easily integrated into react, So migrating from writing plain Javascript code doesn’t look to strange, thus making react easy to understand and to work with. Even a popular framework like NextJs is seemlessly integrated into react.

Another feature that draws big companies as well as seasoned developers and beginners to get into the react community is the JSX FEATURE.

This allows the knowledge of HTML we learnt and all the lot’s of technolgies we learnt in the begining of our HTML CSS and JS phase didn’t go to waste.

The JSX feature allows you to write HTML like structured code in javascript, imagine how fun that would be. Fun fact: React was built by Facebook, one of the leading social media platforms in the world.

Now let’s talk about something you might have heard of until now, SVELTE.

You might think react is the most straightforward language to learn, but when compared to SVELTE react is like a short man trying to score a 3 pointer from the half way line.

Svelte is different from traditional based frameworks, it is a compiller-based framework that makes use of step by step compiler process and doesn’t make use of react core feature, THE VIRTUAL DOM.

One of the reason why developers use svelte is because it is lightweight and the ease of learning in off the charts, another is the fact that is supports scoped CSS by default and you don’t have to worry about global naming confilcts like that of REACTJS.

The can fix the naming conflicts by using .module.css to make the styles apply to that component alone.

You can see the stress this might place on you.

Let’s now talk about some differences between REACT AND SVELTE.

Performance-wise svelte is lightweight so it has better runtime performance and smaller bundle size compared to react virtual DOM diffing. So speed wise svelte would be faster.

But reactJS is mature and have a wide ECOSYSTEM as well as a broad documentation as opposed to svelte with a growing Ecosystem.

This is one of the reason why i took interest in HNG as i want to learn about key frontend libraries, frameworks in a very competitive environment, work with team members, learn from my mistakes and get better.

HNG is one of the leading internship program you can ever join when considering the aspect of development in general and i look to gather a lot of experiences from the program.

You can also participate in this intenship program by following this two links below https://hng.tech/internship or this https://hng.tech/premium to join and learn about all this key frontend technologies and solidify your knowledge in ReactJS and others.

hng Article's
30 articles in total
Favicon
My Path to Mastery: Overcoming Challenges, Celebrating Wins, and Growing as a DevOps Engineer
Favicon
Automating User Creation: A Streamlined Approach
Favicon
My Exciting Journey with HNG STAGE ONE: Automating User Management with Bash Script
Favicon
Overcoming Backend Challenges: My Journey and Aspirations with HNG Internship
Favicon
Exploratory Data Analysis on the Iris Flower Dataset
Favicon
FRONTEND TECHNOLOGY
Favicon
Linux Users and Groups Management using Bash Script
Favicon
A difficult backend problem I had to solve
Favicon
Creating users and groups from a file with bash.
Favicon
A guide into REACT AND SVELTE
Favicon
lit Comparision REact.js vs Vue.js
Favicon
How I approach new problems as backend engineer
Favicon
Automating The Creation Of Users From A Text File Using Bash Scripting
Favicon
How I Solved a Challenging Backend Problem with PHP & MySQL
Favicon
Backend has never been this interesting...
Favicon
My Mobile Development Journey and Architectural Insights
Favicon
Overcoming Execution Policy Restrictions in PowerShell: My Journey with the HNG Internship
Favicon
My journey into Mobile Development.
Favicon
Frontend Face-Off: React vs. Vue.js - An HNG Intern's Perspective
Favicon
My somewhat rocky start to HNG11...
Favicon
Demystifying Frontend Technologies: React vs Vue.js
Favicon
Starting my journey with HNG
Favicon
Using APIs in a Web Application: Integration and Optimization
Favicon
Automating Linux User Creation with a Bash Script
Favicon
Common Software Architecture patterns in Mobile Application Development.
Favicon
Automating User Management with a Bash Script
Favicon
FRONTEND TECHNOLOGIES: REACTJS VS. NEXT.JS
Favicon
Automating User Management with Bash Scripting: A Practical Guide
Favicon
A Frontend Technology Comparison of Svelte vs Alpine.js
Favicon
React vs. Angular: A Comprehensive Comparison

Featured ones: