Lessons: 12Length: 1.4 hours
- Overview
- Transcript
4.1 Conclusion
I hope this deep dive has given you some ideas for building and organizing your own React projects. To conclude, I’ll leave you with few more pointers to interesting projects from the growing React ecosystem.
I’m Pavan Podila, and from all of us here at Envato Tuts+, thanks for watching.
Related Links
1.Introduction
1.1Introduction02:00
2.The Preparation
2.1Virtual DOM05:15
2.2Webpack10:02
2.3ES6 Syntax04:58
3.HAR Viewer
3.1Project Overview02:35
3.2Initial Setup12:03
3.3Rendering the Table11:25
3.4Sorting the Table06:57
3.5Filtering the Table07:09
3.6Timeline Bar09:21
3.7Pie Chart09:37
4.Conclusion
4.1Conclusion02:17
4.1 Conclusion
And this brings us to the end of the reactive dive course. Now we build a Har viewer as we can see here, and we added a bunch of different components to the page. It's probably a good time to take a step back and see what did to get to this particular state of our application. We did start out by building a Webpack configuration and using Babel for writing our EF6 code. We used a bunch of different libraries for structuring our UI, such as React-Bootstrap, the FixedDataTable, and of course D3 for the charts. Also throughout this course you have seen Bootstrap that we took to re-factor our accord into smaller components. In fact, any time things get big, you should make them smaller and put them into smaller components, and compose them together inside a larger high order component. This in general is a good practice and I'm sure you'll find a lot of benefits in it. As we are building these codes the React ecosystem was definitely not standing still. It's moving along and a lot of things have changed. In fact, a new version of React came out and the version of Babel I was using got upgraded to version six. So definitely take a look at that to see if you need to make any changes to our project. Now I also want to point you to a few different resources that you can use to expand the application that we built. One of them is React/Router, which gives you a way to structure your application in terms of logical pages and provide navigation and state between them. You should definitely check that out. Now within the React community, the flex architecture has become extremely popular, and there are a few different flavors of implementations that were created. One of them is Alt, which I think provides the simplest of the APIs and it's very easy to pick up as well. So I would definitely encourage you to take a look at that too. And finally, the grand master of all sources is the Awesome React page on GitHub. You should definitely check that one out. It's probably the most comprehensive list on all of React's components and libraries you'll ever find in the ecosystem. It's very comprehensive indeed and it might take you a while to even scroll through the page. It's definitely a great place to visit if you wanna immerse yourself in React. And with that I'll take a leave and sign-off from your screen. Have fun programming in React.
