Akos Profile picture
8 Dec, 7 tweets, 5 min read
5 Ways to Build a React App From Scratch with 0 configuration

🧡 πŸ‘‡
1️⃣ Razzle

Razzle is a tool that abstracts all complex configuration needed for both SPA's and SSR applications into a single dependency--giving you the awesome developer experience of create-react-app

πŸ”— razzlejs.org
2️⃣ Parcel

Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to a massive production application.

🐦 @parceljs
πŸ”— parceljs.org
πŸ”— React Recipe: parceljs.org/recipes/react/
3️⃣ Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.

🐦 @vite_js
πŸ”— vitejs.dev
4️⃣ create-react-app

Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.

🐦 @reactjs
πŸ”— create-react-app.dev
5️⃣ Next.js

Next.js gives you the best developer experience with all the features you need for production. No config is needed.

🐦 @vercel
πŸ”— nextjs.org
If you found this thread helpful, please Re-Tweet the first Tweet.

If you'd like to see more content like this, consider following me on Twitter @akoskm.

πŸ“š Check out my FREE Twitter threads at akoskm.gumroad.com/l/akos-threads

and my blog akoskm.com.

Until next time πŸ‘‹

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Akos

Akos Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @akoskm

6 Dec
5 Stunning Web Developer Portfolios You Should Check out! 🀩

🧡 πŸ‘‡
1️⃣ Dan Spratling

Dan builds amazing websites and he's also active in the Twitter community @dan_spratling.
Check out the Projects section on his Portfolio 🀯

πŸ”— danspratling.dev
2️⃣ Patrick David

If you're looking for something extraordinary checkout @bepatrickdavid's portfolio.
Winner of many many awards for Best UI / UX design, Best Innovation, a freelancer based in Italy.

πŸ”— bepatrickdavid.com
Read 7 tweets
11 Nov
10 JavaScript Concepts You Should Learn πŸ’›

Web3, Front or Backend Development, these are the building blocks of JavaScript

🧡 πŸ‘‡
1️⃣ Grammar and types

Basic grammar, variable declarations, data types, and literals.

πŸ”— developer.mozilla.org/en-US/docs/Web…
2️⃣ Control flow and error handling

Statements, Conditional Statements, Exception handling. This is where interactive programming beings.

πŸ”— developer.mozilla.org/en-US/docs/Web…
Read 12 tweets
2 Nov
5 YouTube channels to Level Up Your React Skills πŸ„

(Based on your recommendations!)

🧡 πŸ‘‡
1⃣ JavaScript Mastery by @jsmasterypro

The purpose of JavaScript Mastery is to help both aspiring and seasoned developers take their development skills to the next level and build awesome apps.

πŸ”— youtube.com/c/JavaScriptMa…
2⃣ Clever Programmer @cleverqazi

You can find awesome programming lessons here! Also, expect programming tips and tricks that will take your coding skills to the next level.

πŸ”— youtube.com/c/CleverProgra…
Read 7 tweets
1 Nov
5 Simple Ways to Make Money as a Developer

🧡 πŸ‘‡
1️⃣ Blogging

I spent the past 3 months doing Tech Writing as a side-gig (thread with how much πŸ’° I made coming up later this week).

You don't have to be a good writer to start.

You have to be good at understanding and explaining concepts.

Start here ➑️ learntocodewith.me/work-in-tech/t…
2️⃣ Digital Products

Kind of like Online Courses, but way more accessible for me.

You can turn your knowledge into:

πŸ”Ήan e-book
πŸ”Ήa SaaS application
πŸ”Ή a template collection

and sell that on platforms like Gumroad.

Start here ➑️ gumroad.com/blog/sell-more…
Read 7 tweets
25 Oct
A Short Introduction to TypeScript πŸ’™

πŸ§΅πŸ‘‡
TypeScript (TS) is a superset of JavaScript (JS) - meaning: any JS code you write is already valid TS code (not necessarily error-free though πŸ˜„).

The TypeScript compiler turns TypeScript into JavaScript.

So what's to point of all this if it's turned into JavaScript anyway? πŸ€”
The TypeScript compiler analyses your code. It creates itself a map describing how all your code is related - based mostly on the types you provide.

This is called Static type-checking.

If you look carefully at the code below you'll notice that it's 🀏 close to being 100% JS.
Read 7 tweets
6 Oct
10 FREE React Courses to Level Up your React Skills πŸ„

Thread πŸ§΅πŸ‘‡
1⃣ Code 15 React Projects - Complete Course

Improve your skills with the React JavaScript library by building 15 projects using React.ΒŸΒ”Β— Code: github.com/john-smilga/re…

πŸ”—
2⃣ React JS Frontend Web Development for Beginners

Learn React JS along with Modern JavaScript from absolute scratch. This course is a getting started guide for beginners. - Free Course

πŸ”— udemy.com/course/react-t…
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(