DEV Community

Cover image for A guide into REACT AND SVELTE
Ejiro
Ejiro

Posted on

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.

Top comments (0)