Everything I Do When I Start A New React Project

Step-by-step instructions on how I set up almost all of my React projects for the best developer experience
#React.js #PortEXE
🎵 Music by Moon Wash.
songfuze.com/a...
---
👀 Follow Me:
Twitter ➔ / portexe
Instagram ➔ / port.exe
GitHub ➔ github.com/por...
Facebook ➔ / portexe
Website ➔
Twitch ➔ / portexe

[@DevlogBill]

Hi PortEXE, I would like to learn React Native since I now have a decent understanding of Django. Which project would you recommend I start with React or React-Native? I am told there is a much steeper learning curve with React since you need to learn a lot about importing different types of modules and that with React Native you just need to learn the very basics of React in order to get started with React Native since React Native doesn't use the virtual DOM but instead uses APIs for native components, did I get this right? Or am I completely wrong?

[@modestas2890]

Curious why you dont like default exports for your components? Doesn't it make it easier to distinguish a component from a util function etc?

[@modestas2890]

Oh I guess so you can import multiple components in the same line with the way yuou are doing it

[@prathamdubey2363]

Have you ever tried using Vite?

[@PortEXE]

Yes I use Vite nowadays.

[@mareboinaravi5272]

Excellent video brothe

[@casual_swag1116]

deafult export is bad in ts i like your style

[@hardikpoudel3011]

what is the theme you used for visual studio

[@Dr460n4ir3]

I dont understand this just over complecates things and I followed your instructions now it will not render when I have import {App} from 'componets'; only works with import {App} from './components'; Also your ReactDom is completely different from the default create-react-app you never explain this in your video: Yours: ReactDOM.render( , document.getElementById('root'), ); Default: const root = ReactDOM.createRoot(document.getElementById('root')); root.render( );

[@khandoor7228]

Awesome thanks!

[@PortEXE]

No problem!

[@RahulSharmax19]

Is the common index.js exporter file inspired from python?

[@PortEXE]

Not necessarily, no. It’s more of a common standard among a lot of different projects. It just tells *things* what certain directories have to offer.

[@poenaeco]

thanks

[@PortEXE]

yw 👍

[@metaxtatic]

should i start with svelte or react?

[@PortEXE]

Personally I think React is the move

[@mentoriii3475]

if you plan on getting a job, obviously react is the way

[@marcusviniciussilvaoliveir4932]

there were some extensions that i had to install to do the same you did in the video, and i didn't know it because you didn't explain...so i had to figure out by my self.

[@PortEXE]

Like what?

[@angladephil]

It would be almost faster to create the react template/structure for your App from scratch than doing all these modifications ...

[@PortEXE]

It takes far less time when I’m not explaining everything as I go

[@angladephil]

@@PortEXE ok, thx.. It was "some" humour ...

[@jonaskromwell4464]

Love the content! Hate your pronunciation of JSON. It's like the name Jason, not JSAHN, Dammit! Let the wars begin! (But REALLY GREAT content!!!)

[@PortEXE]

It’s pronounced the same as it is pronounced in the word “object” since that is the word it comes from.

[@jonaskromwell4464]

@@PortEXE Clearly, we're both wrong. See the pronunciation from the creator himself... How to Pronounce JSON www.google.com/url?sa=t&source=web&rct=j&url=m.youtube.com/watch%3Fv%3DuR-f4b0G9lo&ved=2ahUKEwiewduludj8AhXblmoFHcwFBl0QFnoECBEQBA&usg=AOvVaw38UFr2NyScLNmcjmTPGOoF

[@PortEXE]

@@jonaskromwell4464 Well the creator of GIF says it's pronounced "JIFF" so I don't go by that logic.

[@ayushshah7372]

please checkout component-creator-reactjs on npm .. it might help you with your boilerplate code generation

[@PortEXE]

I actually plan on making my own cli tool for this pretty soon!