Vahid Fazel-Rezai
Vahid Fazel-Rezai
  • Видео 4
  • Просмотров 70 319
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
Просмотров: 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

Комментарии

  • @Aj-tu4gv
    @Aj-tu4gv 23 дня назад

    Use the 3rd eye, and genies, and intelligence service

  • @idiomaxiom
    @idiomaxiom 24 дня назад

    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.

  • @HimanshuRagtah
    @HimanshuRagtah 2 месяца назад

    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.

  • @__n__4778
    @__n__4778 Год назад

    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

  • @RadicalNuance
    @RadicalNuance 3 года назад

    “MIT sound/video Quality huh...mmm.. you don’t say”

  • @damindadineshimaduwagamage9044
    @damindadineshimaduwagamage9044 4 года назад

    how do you deploy with this file structure?

  • @zell5342
    @zell5342 6 лет назад

    wonder if they're is a nodemon for webpack so that we dont have to constantly re run at the end of build

  • @bhyrigayatri5607
    @bhyrigayatri5607 6 лет назад

    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

  • @abeechr
    @abeechr 6 лет назад

    Thank you Vahid. I'm looking forward to future videos, especially if you get into databases.

  • @radhikapatil9392
    @radhikapatil9392 6 лет назад

    very good tutorial..Thank you! keep it up..

  • @DrTune
    @DrTune 6 лет назад

    Video quality irrelevant (do something else while listening like I am). Audio quality good enough. Content quality is excellent

  • @elinriahi7969
    @elinriahi7969 6 лет назад

    Vahid Merci beaucoup

  • @virenbhagat4966
    @virenbhagat4966 6 лет назад

    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.

  • @dyeeznhuts
    @dyeeznhuts 6 лет назад

    Talking about hard tech, the camera and microphone recording sucks. Don't do hardware like this.

    • @brettyoung6045
      @brettyoung6045 Год назад

      With that attitude, startup’s probably aren’t for u anyway haha

  • @khaino6828
    @khaino6828 6 лет назад

    The video and audio quality should be better...

  • @BUCKTHEWORD14
    @BUCKTHEWORD14 7 лет назад

    Thanks

  • @wiscatbijles
    @wiscatbijles 7 лет назад

    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.

  • @NewScientists
    @NewScientists 7 лет назад

    if you have python3 its: "python3 -m http.server" instead of SimpleHTTPServer

  • @jeremy_s
    @jeremy_s 7 лет назад

    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!

    • @wiscatbijles
      @wiscatbijles 7 лет назад

      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!

    • @jeremy_s
      @jeremy_s 7 лет назад

      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.

    • @wiscatbijles
      @wiscatbijles 7 лет назад

      Do you by any chance have react hot loader implemented? I'm struggling with getting it in.

    • @jeremy_s
      @jeremy_s 7 лет назад

      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

    • @wiscatbijles
      @wiscatbijles 7 лет назад

      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.

  • @MrPorkistan786
    @MrPorkistan786 7 лет назад

    they used lemons as power source for camera..

  • @RuslanBarloga
    @RuslanBarloga 7 лет назад

    when step 4

  • @NivagSwerdna
    @NivagSwerdna 7 лет назад

    @0:32 add remote command failed. Not a good start; Otherwise a good video. Subscribed.

  • @2912kamil
    @2912kamil 7 лет назад

    Very good tutorial. Thanks. Can you recommend some books etc for learning mern? How to put Mongo in there?

  • @Thradriel
    @Thradriel 7 лет назад

    what terminal and text editor are you using?

  • @ahmadabdolsaheb
    @ahmadabdolsaheb 7 лет назад

    kheili mamnoon for the videos, vahid. looking forward to see more.

  • @gouthammukta5257
    @gouthammukta5257 7 лет назад

    which OS is better for mern stack? windows or linux?

  • @kleavantjames5605
    @kleavantjames5605 7 лет назад

    is "www" a plain .txt file? just want to clarify. Great tutorial by the way.

    • @ahmadabdolsaheb
      @ahmadabdolsaheb 7 лет назад

      that is what i was thinking. shouldn't it be a js

    • @kevindanikowski8903
      @kevindanikowski8903 6 лет назад

      when you run "node www" I believe it will assume it is a .js file or else it wouldn't run

  • @jackhenderson920
    @jackhenderson920 7 лет назад

    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!

    • @jackhenderson920
      @jackhenderson920 7 лет назад

      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?

    • @jeffsoto8432
      @jeffsoto8432 7 лет назад

      I am getting this same issue as well. Were you able to resolve this?

    • @psingh3247
      @psingh3247 6 лет назад

      you have to run webpack again after you make any changes to app.js

    • @zell5342
      @zell5342 6 лет назад

      thank u bro

  • @jackhenderson920
    @jackhenderson920 7 лет назад

    Super helpful and clear. Thankyou!

  • @kylegraham1521
    @kylegraham1521 7 лет назад

    Very helpful. Thanks!

  • @justsurfrax
    @justsurfrax 7 лет назад

    when the next tutorial is coming?

  • @RiamuYuikonu
    @RiamuYuikonu 7 лет назад

    i like really this series. looking forward to see more :)

  • @daniellaerachannel
    @daniellaerachannel 7 лет назад

    Great video

  • @michaelzmyers
    @michaelzmyers 7 лет назад

    great tutorials. EXACTLY what i was looking for

  • @conformist
    @conformist 7 лет назад

    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.

  • @ReadWriteWeb
    @ReadWriteWeb 8 лет назад

    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

  • @emka2347
    @emka2347 8 лет назад

    lol... MIT 2016 - this is the worst Recording of a Tech-Speaker i've seen in a very long time... Good Job O_o

    • @davcaefasdf
      @davcaefasdf 8 лет назад

      +Em Ka recorded on a 1990s webcam apparently.

    • @emka2347
      @emka2347 8 лет назад

      +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 :)