Create A React App Without Create-React-App

Подписаться 205 тыс.

Просмотров 29 тыс.

50% 1

How to create a react application without using the create-react-app command.
Code: github.com/machadop1407/react...
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#reactjs #programming

Наука

Опубликовано:

6 апр 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 77

@adarsh-chakraborty 2 года назад

Now i appreciate CRA even more 😐

@weirddev 2 года назад

Start using vite, you will hate cra more

@weirddev 2 года назад

@Sadik.H no 😐

@mohanrajmuthukumaran8513 Год назад

CRA will also left u with some vulnerable packages too 🙃

@belvss896 Год назад

Don't use CRA.

@sahilyadav3782 Год назад

@@weirddev I'm really confused why do we not see Vite nearly as much as CRA, like, it's pretty simple and so much faster

@nehat786 2 года назад

I was confused with this but you clear it out everything. Thanks

@ninel-valentin Год назад

Google sent me to your video. It helped a lot. Even as a begginer I have understood everything and I loved it! It is right what I needed for my project! Cheers!

@gooddogreallygooddog6157 2 года назад

i have been searching for this exact video for the past week

@882caio 2 года назад

Fala Pedrão!!! Excelente vídeo continua assim que seu canal vai crescer cada vez mais (Tenho certeza que você é BR).

@PedroTechnologies 2 года назад

Obrigado Caio! Sou br sim kkkkkk

@mikaio 2 года назад

Preciso em

@djoezi3662 Год назад

Amazing! Thanks a lot man, you are doing best!

@valeriousmonk654 2 года назад

Great video! Thank you! Interesting to see same with snowpack ))

@anshumanxda 2 года назад

I did without create react app, i did with vite🤣

@edward-soli 4 месяца назад

Keep it up buddy😂😂😂

@KryptechOfficial 8 месяцев назад

Thanks a lot!! But it seems like you forgot to add all of the Babel-related packages into the description like you said you would, so that would be a great addition!

@zaidali1107 2 года назад

Brilliantly explained 🔥

@PedroTechnologies 2 года назад

Thank you 🙌

@pgtips4240 8 месяцев назад

I have done several tutorials on React and a lot of them fail for different reasons but his one has worked completely. I feel I have learned a tonne about how react hangs together. Also having the source on git helps immensely. The only thing I had to do differently was in the webpack.config.js I had to also set entry: "./src/index.js" as it wasn't finding the index.js file. I don't know why it was different for you?

@JD-sn1lr 2 года назад

When I ran the app, I got an error "Can't resolve './index.js' in C:\Development\React eact-from-scratch". I modified the webpack.config.js entry: "./index.js" to entry: "./src/index.js" and that fixed the error.

@TarekFaham Год назад

Fantastic tutorial! How you can develop parts of the application features using this method and integrate it with an existing application that is based on angularjs? For example, there are a lot of forns which are build using a designer of some kind. I can insert an HTML component and add the script tag to reference the script main.js. But how to render the correct section when the specific form is active?

@CoderDmitri Год назад

ty so much for this, you are a legend!

@samueltadesse2158 Год назад

Thank you so much CRA was not working for me for a week no matter what i did. truly a godsend.

@devstuff92 2 года назад

New sub, love your videos already! Can you make a tutorial on how we can implement audio sound effects(for example onclick or any other events) using react? I would appreciate it

@anithadharaneedharan6758 2 месяца назад

Thanks a tonne for the video, saved my day

@Messi2Inno 2 года назад

Hey! Pedro, you mind doing a video with golang as backend and react as frontend with SQL database??

@lucasa8710 2 года назад

parabens mano, pelo vídeo e pelo seu ingles, muito bom

@cortarelva 2 года назад

"The thing that takes the most amount of time is understanding everything"! Aint that true!

@ThColinPereira 2 года назад

This is so cool!

@daniel7007 Год назад

GReat video! Bro where did u find all buble dependencies?

@siddheshshirawale4575 2 года назад

I like your videos. Your videos are very helpful. If possible make video on next js + rich text editor .

@kalahari8295 2 года назад

Finally 😌❤️🔥

@sashaikevich 2 года назад

I'm happy to follow you along, but where do you get your info? ( I'm thinking for when one of the packages ultimately changes, where can I get the latest presets config, without hoping you'll post a timely video) Thanks!

@PedroTechnologies 2 года назад

I follow the react team on twitter and I always check the react subreddit!

@sashaikevich 2 года назад

@@PedroTechnologies gotcha, thanks. See you on teh subreddits then!

@mirkafarkasova2425 2 месяца назад

Great video man, as always. I am just having some issues. Like for example, the console is flooded with Source map errors. Any idea why?

@wziro65 Год назад

thanks man!

@L8rCloud Год назад

In your “rules:” your RegEx statement only tests for the .js OR .jsx extension YET you also have the .json and .tx extensions listed. Shouldn’t they ALSO be added to your RegEx statement for testing…?

@MrFuma-fr8no 2 года назад

Hey PedoTech, love your channel. Your React Router video is *chef's kiss*. I have been scouring the web for this answer but to no avail. In React, should I use js or jsx at the file extension? Is there any difference to it? I would love your input! Obrigado!

@PedroTechnologies 2 года назад

Thank you! There is no difference between them! It is purely for organization. In my prev company they used jsx for react components and js for normal files

@MrFuma-fr8no 2 года назад

@@PedroTechnologies Thank you! I am a beginner in Web Dev. When you say normal files, are we talking about JS files with only regular JS in it? And as soon as you mix HTML and JS it should be jsx, right?

@theawes0me0ne 2 года назад

@@MrFuma-fr8no ive seen people do exactly this yes

@internetexplorer7880 2 года назад

When you suffix your files with .jsx, you get autocompletion for html tags which you don't get when you suffix it with .js

@shashwattulsyan8522 2 года назад

can you please make a separate tutorial for how to store fields and files in mongdb(MERN).

@mohammed.haydar 2 года назад

Would love to know how u got auto-completion in your bash terminal?

@PedroTechnologies 2 года назад

Fig ! Great software

@dmytronice1337 2 года назад

Starting from React 17, you don't need to Import React for using JSX syntax in files. So how we can do it with webpack ?

@zlatkoiliev8927 Год назад

Please create one tutorial with typescript and styled components! Please! :)

@WitOfGray Год назад

God bless you fam❤️🔥

@bipinmaharjan4090 2 года назад

This is the best way to learn webpack.

@SaptarshiMajumdar Год назад

Great video but how do I incorporate CSS files?

@imchiennb 2 года назад

How to make powershell auto-suggestion like this?

@timothydoan2 2 года назад

Please make a vid on real time chat app with react and firebase. Like a discord clone.

@efemenaekagha3406 2 года назад

I ran into an error saying field browser doesn't contain an alias configuration

@AllNaturale11 Год назад

This isnt working for me. When i run npm build I get an error in ./src/index.js and that the module build failed. I also have an error that says ./index.js cant but resolved. What can I do to fix it?

@edwardhandrich6043 2 года назад

I wish I could like this video twice. I have a new interview question, "can you create a react app, without running create-react-app?'

@Katoph 2 года назад

Let’s go

@aleatennu383 Год назад

Is it possible to reuse all this in another react project?

@TheEngineerista 2 года назад

Cool

@contrav8349 11 месяцев назад

i want to know the commands in windows

@rmaheshchalke Год назад

@PedroTech I am not able to run your project, it showing error e.g. 'webpack-dev-server' is not recognized as an internal or external command,

@rmaheshchalke Год назад

Sorry, i have deleted existing node modules folder and i have installed again and it is started working but still with react 18.2.0 it is not working, is there any other solution?

@CoderDmitri Год назад

also, you need to do: npm i react react-dom --save-dev to install react, otherwise does NOT work

@k4qdex 2 года назад

you forgot to include react refresh...

@hichamabh6280 8 месяцев назад

this is better than cra, cause is more understandable

@randerins 2 года назад

Transcendeu 🤯

@faris.abuali 2 года назад

🤦🏻😢 Thanks Pedro!

@Sirgaz 5 месяцев назад

Now create a react app without using react

@imonw3b 2 года назад

I think, you forgot to add .gitignore and put /node_modules so it won't be push on github. Anyway, good tutorial!

@CoderDmitri Год назад

I was getting CAN NOT resolve MAIN.js error, I solved it with modifying MAIN.JS path in webpack.config.js, so it is now: filename: "./public/main.js", as oppose to "main.js" ... it works now

@azumatomlinson3474 2 года назад

my css didn't work properly, I had to add this under rules in webpack.config.js { test: /\.css$/i, use: ["style-loader", "css-loader"], }, and also install these dependencies: npm install --save-dev style-loader css-loader

@nimitindrasoni Год назад

showint error :( \learnings eact-corpsite ode_modules\webpack-dev-server\lib\servers\WebsocketServer.js:10 static heartbeatInterval = 1000; npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! react-corpsite@1.0.0 start: `webpack-dev-server .` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the react-corpsite@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: