![Vahid Fazel-Rezai](/img/default-banner.jpg)
- Видео 4
- Просмотров 70 319
Vahid Fazel-Rezai
Добавлен 22 авг 2012
MERN Tutorial, Step 3: How to Structure a Web App
Organizing the folder structure of a web app.
Code available here: github.com/vahidfazelrezai/mern-tutorial
Code available here: github.com/vahidfazelrezai/mern-tutorial
Просмотров: 8 787
Видео
MERN Tutorial, Step 2: Basic Express Server
Просмотров 4,9 тыс.7 лет назад
We create an Express server capable of serving a static webpage. Code available here: github.com/vahidfazelrezai/mern-tutorial
MERN Tutorial, Step 1: Static Webpage using React, Babel, Webpack
Просмотров 14 тыс.7 лет назад
Starting from scratch, we create a static webpage that displays a React component. Code available here: github.com/vahidfazelrezai/mern-tutorial
Use the 3rd eye, and genies, and intelligence service
There were over 150 private space launch companies when SpaceX started. They've come and gone with fortunes lost for 50 years. SpaceX got a boost from a change in NASA appropriations law and that made the difference for them.
heads up: Sam literally did the opposite of the advice he shared in this video in case of OpenAI, but note he could because of his ability to raise and get the most talented people onboard.
Here are the main points from Sam Altman's talk: - Do as little differently as possible and find a small initial project that can be done in a short time frame - Cost and cycle time are the two most important factors for software companies to dominate - Momentum is key and startups need to get close to their customers and ship code every day or several times a day - Avoid short-term thinking, negative people, and raising too much money - Get hands-on practical experience rather than going to business school - Focus on building a 10 billion dollar company rather than worrying about competitors - Spend about a thousand dollars to file a patent - Best locations for a healthy or biotech startup are Boston or Silicon Valley - For non-technical founders looking for technical co-founders, the best way is to go to school together or work together - Diversity hiring is important and should be prioritized, even if it slows down growth
thanks sir
thx!
“MIT sound/video Quality huh...mmm.. you don’t say”
how do you deploy with this file structure?
wonder if they're is a nodemon for webpack so that we dont have to constantly re run at the end of build
Hi, It was nice tutorial. I'm facing a problem with webpack run command it was not running in my system, As i'm using Ubuntu 16.04, node version 6.13, npm version 3.15. Followed the same as you explained in this video. still not able to run the webpack even checked your git repo for step1 as well, kindly help me out in solving this.. below is the error. > react_node@1.0.0 webpack /var/www/react_node > webpack The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn add webpack-cli -D npm ERR! Linux 4.13.0-36-generic npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "webpack" npm ERR! node v6.13.1 npm ERR! npm v3.10.10 npm ERR! code ELIFECYCLE npm ERR! react_node@1.0.0 webpack: `webpack` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the react_node@1.0.0 webpack script 'webpack'. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this is most likely a problem with the react_node package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! webpack npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs react_node npm ERR! Or if that isn't available, you can get their info via: npm ERR! npm owner ls react_node npm ERR! There is likely additional logging output above. npm ERR! Please include the following file with any support request: npm ERR! /var/www/react_node/npm-debug.log
Thank you Vahid. I'm looking forward to future videos, especially if you get into databases.
very good tutorial..Thank you! keep it up..
Video quality irrelevant (do something else while listening like I am). Audio quality good enough. Content quality is excellent
Vahid Merci beaucoup
Not sure if it had to do with using Webpack 3 instead of 2 but I could not get this to work. One solution I had was to remove "query" part with the presets of the webpack.config.js file and create a .babelrc file. I put { "presets": ["es2015", "react"] } in .babelrc and that solved it for me.
Talking about hard tech, the camera and microphone recording sucks. Don't do hardware like this.
With that attitude, startup’s probably aren’t for u anyway haha
The video and audio quality should be better...
Thanks
If there comes a next step, could you please help set up react-hot-loader and nademon. It seems that this module is quite crucial for nicely developing in react without constantly reloading the page. Thanks so far for this lean mern setup.
if you have python3 its: "python3 -m http.server" instead of SimpleHTTPServer
Fuck! Praise the Lord I have found your channel! This is exactly what I need, to setup a node/express backend with react frontend. I have been driving myself nuts trying to develop a node API on one port, and react frontend on another port, on localhost. Getting too many CORS/passportjs problems! Thanks for the tutorials, very excited to watch your videos just from seeing the titles of your videos - e.g. (How to Structure a Web App). This is exactly what I need for someone at my experience level. Subbed and CHEERS!
Amen, I've been having headaches for the last couple of days to find a react tutorial with an express backend. Now I've found out I should have been looking for 'MERN' and bam I find this tutorial and mern.io. Finally!
Haha yep that's it - the MERN stack - I love it! Can't believe I was so hung up on PHP, man reactJS is a beast Lol.
Do you by any chance have react hot loader implemented? I'm struggling with getting it in.
Install webpack-dev-server - then I use this command to start running my app with hotreloader: webpack-dev-server --content-base client --port 8080 --hot
All right thanks, but isn't that a strange setup as you already have an express server. I've finally found a way to implement it with webpack-hot-middleware.
they used lemons as power source for camera..
Classic MIT faculty
when step 4
@0:32 add remote command failed. Not a good start; Otherwise a good video. Subscribed.
Very good tutorial. Thanks. Can you recommend some books etc for learning mern? How to put Mongo in there?
what terminal and text editor are you using?
The editor seems to be atom atom.io/
kheili mamnoon for the videos, vahid. looking forward to see more.
which OS is better for mern stack? windows or linux?
Goutham Mukta linux. ALLWAYS
is "www" a plain .txt file? just want to clarify. Great tutorial by the way.
that is what i was thinking. shouldn't it be a js
when you run "node www" I believe it will assume it is a .js file or else it wouldn't run
Great video, however I'm confused because after following this video and the preceding one to the letter, when I change index.html it still only renders 'hello'. I found it in the default.component part of bundle js. How do I get it to render index? Am I misunderstanding something simple here? Keep up the good work anyway!
On further investigation, the very point of bundle is to concatenate all your JS, right? So how to avoid having to run webpack every time?
I am getting this same issue as well. Were you able to resolve this?
you have to run webpack again after you make any changes to app.js
thank u bro
Super helpful and clear. Thankyou!
Very helpful. Thanks!
when the next tutorial is coming?
i like really this series. looking forward to see more :)
Great video
great tutorials. EXACTLY what i was looking for
I don't know if I it's because of Google for bad stream quality or MIT for filming with a potato. Maybe both, who knows.
Yes, launching a company is difficult. Running a high-growth company might be even more difficult. If you're interested in this caliber of ideas, check out an video with Mark Josephson, Chief executive officer of Bit.ly, ruclips.net/video/9DBmQ7eLPKI/видео.html
lol... MIT 2016 - this is the worst Recording of a Tech-Speaker i've seen in a very long time... Good Job O_o
+Em Ka recorded on a 1990s webcam apparently.
+Ronan Dee i don't really know whether you kidding, or you are dead serious.. but Sam Altman is born 1985 ;) No, in fact, this Video is about 1-3 Years old :)