42 ms·
Free React.js Fundamentals Course
- mgadams3 11y agoI’ve been following your blog for a while. Just signed up. Thanks!
- christopher_ 11y agoHi Tyler! I'm a big fan of your blog and I really enjoyed your egghead course. Thanks for making this. Just signed up.
- zbuttram 11y agoTyler's course on egghead.io was amazing, can't recommend his content enough.
- tm33 11y agoThank you so much! Means the world.
- enraged_camel 11y agoTyler, I echo the parent's comments. I took your React course on Egghead back in August and it was great. Question: I've been meaning to come back to it and re-watch the videos, but I'm concerned that the React ecosystem changes quickly and they may have become outdated. Can you comment? Do you have plans to update/re-record the videos as new versions of React/Redux/Flux etc. come out? Thanks again for all the great work you're doing. P.S. It would also be great if you could put timestamps on videos and courses, as it's difficult to see when they were added.
- pluma 11y agoThe videos have recently been updated to reflect changes in newer versions of React. Segments have been replaced or spliced into the existing videos. It's noticeable (especially in some places) but it's certainly better than having outdated information. Dan Abramov did a free egghead series on Redux, which also provides a subtle intro into React: https://egghead.io/series/getting-started-with-redux https://egghead.io/series/getting-started-with-redux I think the genius thing about Dan's series is that he tricks you into learning how to use Redux by "re-inventing" it.
- tm33 11y agoThe react ecosystem does move really quickly. I think what's important to realize is that even though it moves quickly, if you learn the correct principles you'll just be stuck with minor API changes rather than architectural changes - which is a huge difference. I tried to approach the course from this point of view as well. Even if the API changes a little bit, the overarching methodology of building your UI will be the same. Someone who did the amazingly was Dan Abramov in is egghead series. Learn concepts, not libraries.
- evo_9 11y agoLink for those interested: https://egghead.io/series/build-your-first-react-js-application https://egghead.io/series/build-your-first-react-js-applicat...
- troncheadle 11y agoThanks for posting this! I've been dragging my feet about learning react for a week or so now and I think this will push me over the edge. Much appreciated.
- brosky117 11y agoI've watched both his React and React Native tutorials and loved both of them! I had the chance to talk with him after a local JS meetup and he was super nice. Can't recommend his stuff more.
- tm33 11y agoThanks so much! Utah FTW.
- bpesquet 11y agoA nice example of what can be done with the Teachable platform (https://teachable.com https://teachable.com).
- joshmanders 11y agoGreat work Tyler! You're one of the reasons I even am remotely interested in React. You're a very good teacher.
- tm33 11y agoHuge compliment. Thank you SO much!
- sotojuan 11y agoI think I'm going to go through this this coming weekend, even if I am comfortable with React. Tyler is a great teacher and I could use help with the router and webpack. Thanks for making this free!
- tm33 11y agoThank you so much!
- noobie 11y agoHonest noob question, what's with all the hype about React? Edit: Awesome replies, thank you!
- natmaster 11y agoIt's like if you've been programming in C all your life and suddenly discover python
- Sir_Cmpwn 11y agoIt fundamentally changes the way we think about frontend web development in a very positive way. It makes things more testable, reliable, fast, and easier to write. Combined with things like Redux we also get crazy features like time travel.
- rimantas 11y agoIf your are optimizing for the development, you ar doing it wrong. So sad to see years of effort on making web more accessible thrown out of the window. How do react/angular/whatever sites work with assistive technologies like JAWS? The first thing learning about these frameworks should be when not to use them.
- Sir_Cmpwn 11y agoThere's nothing about React that makes it worse for screen readers.
- bphogan 11y agoI spend a lot of time worrying about this because I consult on accessibility issues, I an an accessibility advocate, and I am a low vision computer user. Provided that developers use the proper HTML tags and ARIA roles, there shouldn't be any different issues here than with other JS libraries. However, I want to stress that React, Ember, and Angular are amazing tools for apps, but if you are using them just to render static content, you're just inviting all kinds of accessibility issues that server-side rendering solved years ago. Web servers are optimized to serve static content quickly. Sending JSON to the client so the client can render HTML for a blog post or news article seems pretty wasteful, and again, invites accessibility issues that don't need to be there.
- halayli 11y agoThanks Tyler! It might be helpful to also add redux + async to it.
- tm33 11y agoI don't know what to say. I'm deeply humbled by all the kind comments in here. Thank you all so much, truly.
- ramenmeal 11y agoThanks for this class. I'm just starting it. One question: How do I know when to do/start the curriculum? Will it be pointed out when I get far enough in the 'lecture' material?
- tm33 11y agoHi! Yes it will be. Basically when your done it gives you "What's next" instructions as the last text section.
- bhaisaab 11y agoThanks a lot, as a backend distributed systems person I have hard time understanding UI in general. I'm half way through your videos now, and for the first time I could grok what React is all about.
- tm33 11y agoThis is exactly what I was going for. Thank you so much for the confirmation! Means a lot.
- mgrpowers 11y agoThis is awesome! Thank you!
- ausjke 11y agoJust started learning js etc. Was told Angularjs has everything loaded so it's easy for beginners, while React is better for the more experienced who knows how to pull various things together? is this true? if so is there a "React-stack" for me to start with?
- vr3690 11y agoIt would probably be best to understand the fundamentals and then to figure out how components of the "stack" are wired together. This might help be a starting point - https://github.com/gaearon/react-makes-you-sad https://github.com/gaearon/react-makes-you-sad
- hathawsh 11y agoI like this one: https://github.com/davezuko/react-redux-starter-kit https://github.com/davezuko/react-redux-starter-kit
- BigJono 11y agoDon't start with a full stack, it can be overwhelming. Start with a minimal toolkit and only add stuff when you actually run into pain points that it can solve. This guide is a good one: https://github.com/petehunt/react-howto https://github.com/petehunt/react-howto
- Yaggo 11y agoAngular is harder for beginners because it has everything loaded. React has fewer consepts. When learning & for non-complex apps, you don't even need flux etc. extra stuff. http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/ http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webp...
- cookies2001 11y agohi
- cookies2001 11y agomaya
- cookies2001 11y agomaya
- eecks 11y agoReally can't decide to go ahead with an Angular approach (2.0) or use React. I know React is only for the view layer so what are people using with React to do stuff like api calls?
- alexyaseen 11y agoReact seems to emphasize using regular javascript and existing NPM modules where possible. Superagent [1] seems to be a popular one, but you can find more on React's wiki [2]. If you start using a flux implementation like Redux, there are other interesting things you can do to handle api requests [3]. [1] https://github.com/visionmedia/superagent https://github.com/visionmedia/superagent [2] https://github.com/facebook/react/wiki/Complementary-Tools#data-fetching https://github.com/facebook/react/wiki/Complementary-Tools#d... [3] http://redux.js.org/docs/advanced/index.html http://redux.js.org/docs/advanced/index.html
- doughj3 11y agoI've only just started using React but I've been a Django developer for a few years. As I'm starting to use React, I'm still working with Django and Django-Rest-Framework for my backend. It's probably a little heavy weight but you could use something like Flask or whatever equivalent light weight Web framework is in your language of choice.
- mikewhy 11y agoFor API calls I use isomorphic-fetch[1]. To use it in redux I use redux-promise-middleware[2] [1]: https://github.com/matthew-andrews/isomorphic-fetch https://github.com/matthew-andrews/isomorphic-fetch [2]: https://github.com/pburtchaell/redux-promise-middleware/blob/master/README.md https://github.com/pburtchaell/redux-promise-middleware/blob...
- sergiotapia 11y ago"Why should I use React?" Read this: http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/ http://reactfordesigners.com/labs/reactjs-introduction-for-p... If this article does not convince you, React is not for you and that's OK.
- polishninja 11y agoFor what it's worth, all the JSBins with the react code don't work. I'm using Chrome. I keep getting Uncaught ReferenceError: ReactDOM is not defined. I fiddled with it a bit but I couldn't get any of the examples working. <shrug>
- sergiotapia 11y agoThat's unfortunate that article was my go to on why React, it's the reason I decided to use it. I'll try to reach out to the other.
- deleted 11y ago[deleted]
- artf 11y agoTruly convincing!!! Hope to master soon this so acclaimed React (is that so productive?!?) Thank you so much for posting this resource
- evo_9 11y agoIs anyone using React with .Net (http://reactjs.net http://reactjs.net)? If so how has your experience been? This would seem to fit well with a MVC WebApi backend.
- merpnderp 11y agoWe're using React/Redux to replace our Angular front end to MVC WebAPI. But we're also slowly replacing our MVC WebAPI backend to Node.js/Express. AD, LDAP, Tedious-Pooling, etc make it work perfectly in our MS environment.
- santoshimz 11y agoi started using it for one of my project. using react as a view works well without having to change backend
- pmontra 11y agoLogin problems: at http://courses.reactjsprogram.com/courses/enrolled http://courses.reactjsprogram.com/courses/enrolled I'm logged in, then I click on the course and go to http://courses.reactjsprogram.com/courses/reactjsfundamentals http://courses.reactjsprogram.com/courses/reactjsfundamental... and I'm logged in. Then I click any of the Start buttons and I'm not logged in anymore (Lecture contents locked - Enroll in Course to Unlock). Opera on Android, cookies enabled; Adblock Plus enabled or disabled, no changes. Edit: I checked with Firefox and Opera on Ubuntu and it works.
- enraged_camel 11y agoHere's a potentially dumb question about React: can it be used inside a client-side application that was written using Angular? Part of my job involves customizing a commercial, closed-source web application that lets you build web forms. The application's front-end was written using Angular, but it lets you add your own custom JavaScript to add more functionality to forms, such as character counts, hiding/showing relevant fields based on conditions and auto-capitalization of user input. Basically, each form has its own JSFiddle-like section that gets published alongside the form. We currently use native JS and JQuery for these customizations, usually within a monolithic document.ready block. The problem is that our code can get pretty complex, especially when hooking up multiple event handlers to the same elements. I've been thinking that React may be able to solve this problem, but I'm uncertain about using it alongside Angular, especially since I have no control over the latter. Based on this description, would there be any advantages to trying to shoehorn React into our projects, or should we stick with native JS and JQuery?
- Geee 11y agoIt's possible: http://ngreact.github.io/ngReact/ http://ngreact.github.io/ngReact/
- adakkak 11y agohi, I am wondering if the website is built on top of existing elearning systems. thanks
- tm33 11y agoYup. Using teachable.com
- idibidiart 11y agoWhen you're ready for it, improve your React game with GraphQL/Relay! :) https://gist.github.com/idibidiart/49a095b6bc528638f34f https://gist.github.com/idibidiart/49a095b6bc528638f34f
- yexponential 11y agoSerious question, and sorry(?) for bringing this up. But is everyone here really okay with reacts licencing? Apart from stubbornly refusing to accept embedding html in js directly is a good idea (although I see the pros), licencing is the main reason I avoid this ecosystem altogether. Even though it has an outstanding community. perhaps I'm making a deal out of nothing. In any case will definitely take the course, im sure it will be as excellent as the others. Many thanks for your efforts Tyler.
- SiVal 11y agoWhat specifically about the licensing? This is an actual question, not advocacy. IIRC, Facebook had a provision that disallowed use of React for a ridiculously broad range of offenses with respect to any of FBs intellectual property but that they narrowed it considerably last year to a more reasonable: you aren't allowed to use any of our intellectual property in React if you dispute our ownership of that specific property. I could be characterizing this incorrectly, or you could be referring to something I'm not aware of, so what specifically are you objecting to?
- Dr_tldr 11y agoI don't know how much the course goes into this, but it might help you get started to keep in mind that it's not HTML in JS, it's xml-like JSX syntax as syntactic sugar for regular JS function calls. It's no more "embedded HTML" than something like $("<p>").text("lolwut").appendTo("body"), just written with a different syntax. Good luck!
- imh 11y agoI wish there was some way to speed up the videos.
- namocat 11y agoIt's an HTML5 video, so you can adjust the speed with JS if you can get the right element. e.g. to set the playback speed to 120%, you can do: document.getElementsByTagName('video')[0].playbackRate = 1.2; in the JS console.
- DanMarcos 11y agoWasn't interested in React until I began this course. (Angular background)
- squints 11y agoTyler has taught me everything I know about javascript and React. Can't recommend him and his teaching style enough! He is a truly gifted teacher.
- tm33 11y agoBesitos.