Front-end Architecture

[snissn]

1. nextjs
2. chakra ui
3. eslint
4. ci/cd

[TJSteel]

To discuss specific architecture, it would probably be useful to give some context to why you think the above would be the best choices?

I've not heard of nextjs or chakra ui before, and doing a little searching on the top frameworks right now it's not mentioned in either of them. Based on the introductions in the podcast, it sounded like a lot of the people in attendance were at a beginner level, either with minimal experience, or completely new to programming.

Based on this I think it may be a better idea if we stick to the most popular and in demand frameworks, that way if someone currently job seeking is working on this, it's more likely that an employer will have heard of the framework they've learned

Currently the top 3 front end frameworks are

• Angular
• React
• Vue

Out of the above 3 I'd be biased towards Angular as I've been using it for the past 2 year and haven't had any issues with it. Plus they have a really good Tutorial

ci/cd, did you have anything specific in mind for this, that would be more dev ops based rather than front end to be honest, but for this you can use GitHub actions

[ljosberinn]

To add a little context, I'm not exactly involved in this here:

Next.js is the go to metaframework on top of React, while Vue has Nuxt. Besides being very popular right now because of V9 and the upcoming Next.js Conf next Tuesday, it's nowadays the go to bootstrapping tool for new projects next to create-react-app.

Angulars growth in comparison has been slowly receding for 2+ years now in comparison to both Vue and React and is both frowned upon from non angular devs and generally if you follow the JS bubble. Except those held hostage by it 🤷 it's not really used for new projects anymore.

Chakra is an up-and-coming UI library for React and Vue; besides MaterialUI and AntD, which are older and have more specific components, there's nothing like it out there. Disclaimer: I'm a core contributor to Chakra.

[snissn]

Thanks @ljosberinn

Also @TJSteel i think that we can build multiple front ends in parallel, including some on angular, etc, but this architecture is a pretty good example of a 2020 best practice!

[zuku0000]

Like @TJSteel said, we should use well known frameworks such as React or Vue. Using Next on top shouldn't be an issue, but we need more people to give their opinions.