About the Bundle
With React 360, you have all you need to become a professional React developer. Fundamentals, State Management and Server Side Rendering. What more could you ask for?
Hands on Next.js
A Practical Fullstack Book on Universal (Server) Rendering for React
Server side rendering still seems like mystery to a lot of us. The journey doesn't end at having a chunk of markup rendered to the server, rather, you have to consider other factors including syncing data and routing. Next.js is a great React-based tool that allows you to focus on writing your React logic while it does the SSR heavy lifting for you. Yes, just write React and your page contents are automatically server-rendered while following all the recommended patterns and practices.
This book is first of its kind and covers everything you need to know on building Next.js while teaching a lot of modern practices for building web apps. Some of the topics you will enjoy learning include:
- React fundamentals (refresher)
- Server side rendering
- Media transformation and optimization for speed
- Offline capabilities
- Data with GraphQL
- Data with Rest
- Isomorphic data fetching
- Authentication and security, etc
The goal is to take you through a journey, which when completed, you should be able to build future-proof web apps that are optimized for the next billion users.
What I was told about Next.js
If this doesn't sound convincing enough, maybe you could consider what other engineers are saying about Next.js...
"We migrated our whole frontend stack to next.js and we significantly boosted site performance and development ease! We migrated away from global CSS, moving our styles to the components, and extended <Link> for supporting the prefetching of page data alongside with structure (which we blogged about here)."
GUIDO MALIANDI - Scale API
"Ticketmaster decided to move to a single page application and chose React as a framework. However SEO is critical to our business and that made server side rendering absolutely necessary. Next.js has allowed us to move quickly, while catering to this requirement and offering us great performance out of the box."
DAMIAN VARRON - Ticketmaster
"We love React. And love simplicity of Nextjs how quickly a developer can pick it and start using it. We use it with Apollo Graphql client. And on backend we use Keystonejs with graphql api. Keystonejs generates admin ui automatically for us. We love our stack."
PARMINDER KLAIR - Staunch Media
What I was told about Hands on Next.js
"There are many great developers out there. But there are few great developers that understand how to convey concepts simply. Christian is one of those amazing developers that can break down complicated concepts to their core and be able to teach. In Hands on Next.js will take you into real-world static React applications in an enjoyable and focused way."
CO-FOUNDER - scotch.io
DEV. ADVOCATE - Apollo
The Road to learn React
Your journey to master plain yet pragmatic React
The Road to learn React teaches you the fundamentals of React. You will build a real world application along the way in plain React without complicated tooling. Everything from project setup to deployment on a server will be explained. The book comes with additional referenced reading material and exercises with each chapter. After reading the book, you will be able to build your own applications in React. The material is kept up to date by me and the community.
In the Road to learn React, I want to offer a foundation before you start to dive into the broader React ecosystem. It has less tooling and less external state management, but a lot of information around React. It explains general concepts, patterns and best practices in a real world React application.
What you can expect (so far...)
- Hacker News App in React
- no complicated configuration
- create-react-app to bootstrap your application
- efficient lightweight code
- only React setState as state management (so far...)
- the React API with setState and lifecycle methods
- interaction with a real world API (Hacker News)
- advanced user interactions
- client-sided sorting
- client-sided filtering
- server-sided searching
- implementation of client-side caching
- higher order functions and higher order components
- snapshot test components with Jest
- unit test components with Enzyme
- neat libraries along the way
- exercises and more readings along the way
- internalize and reinforce your learnings
- deploy your app to production
What you have to bring
5 reader testimonials
Taming the State in React
Your journey to master Redux and MobX
The course turned out to exceed all my expectations. What started as an attempt to write a sole ebook about state management in React with Redux and MobX, turned out into a full blown course with a 250-page ebook, exciting applications and boilerplate projects to get started in learning and building applications with these libraries, and screencast series about implementing React applications from scratch with state management.
The bigger idea was to built a course that gives learners a consistent way to study the topic state management. I had the feeling that there exist way too many, partly inconsistent or outdated, tutorials around these topics and it is hard for learners to choose from so many opportunities. I thought, one well structured course should help newcomers to get started easily in the topic of state management with React's local state, Redux and MobX. Afterward, everyone should be on one well set level to build his/her own applications with Redux or MobX.
What will I learn from the course?
The course teaches you how to use local state in React and scaling React applications with advanced practices, patterns and techniques. Afterward, the ebook dives into learning Redux and MobX as libraries for state management. These libraries are taught from scratch without React but in combination with React later on. However, all these learnings are not necessarily bound to React as view layer library. They can be applied in other view layer (component based) libraries, such as Vue.js, or single page application (SPA) frameworks, such as Angular.js, too. If you are new to React and want to learn React before, I recommend you to read the up to date book The Road to learn React. It has been downloaded by 11.000 people so far, which makes me very proud.
After taking the course, I believe you are ready to build your own applications in any (view layer) library or SPA framework of your choice with Redux or MobX. But when using React, you are setup with advanced knowledge about React's local state to use it in larger applications.
What's the content of the course?
The course is divided into three packages. Basically, it boils down into taking the course (1) by reading the 250-page ebook in PDF, EPUB or MOBI and doing all the examples on the way, (2) by reading the book and having access to several exciting applications and boilerplate projects to get started on your own, or (3) by reading the book, getting access to all the source code and watching screencasts series to see me coding applications from scratch and explaining it for you.
For all of the three packages, you can join the Slack Group that was created to build a community around these courses where people help each other. There are already a couple of hundred people in the Slack Group because of my previous ebook about React and it has become a great community for those who want to learn more about it. In addition, when taking the course, you will get a curated list of articles for further readings outside of the ebook to keep yourself updated about these topics.
Why should you take the course?
In the previous part, I have shown the benefits and learnings when taking the course, as well as talked about its content. So why should you believe in the course and my content in the first place?
For the last three years, I worked on larger scale applications using Angular and React with Redux. In my development team, we felt the shortcomings of Angular's state management, implemented our own state management solution when Flux wasn't a thing, but decided to move over to React and Redux eventually. Since it is a larger application, the migration is still ongoing, but while migrating and implementing a lot of features in React and Redux from scratch, there were several challenges ahead to overcome and opportunities to grow with them.
The Leanpub 45-day 100% Happiness Guarantee
Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms...