React 360
$34.98
Regular Price
$40.00
Bundle Price

React 360

Hands on Next.js
The Road to learn React
Taming the State in React
The following 3 books are included in this bundle...

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?

  • Share this bundle

About the Books

Hands on Next.js

Hands on Next.js

A Practical Fullstack Book on Universal (Server) Rendering for React
Individual
  • 92%

    Complete

  • PDF

  • EPUB

  • MOBI

  • APP

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
  • Optimization
  • 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

CHRIS SEVILLEJA

"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

PROSPER OTEMUYIWA

"Creating resilient, fast and offline web applications for the next billion users require the true grit of a developer armed with a plethora of tools. Christian Nwamba’s illuminating book reveals the perspicacity of his JavaScript knowledge in showing developers how to craft truly fast server-rendered React apps with the inimitable Next.js framework. A must read for every React developer!"

DEV. ADVOCATE - Apollo

The Road to learn React

The Road to learn React

Your journey to master plain yet pragmatic React
The Bare Essentials
  • 22,055

    Readers

  • 200

    Pages

  • 100%

    Complete

  • PDF

  • EPUB

  • MOBI

  • APP

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.

You will learn to build your own React application. It covers real world features like pagination, client-side caching and interactions like searching and sorting. Additionally you will transition from JavaScript ES5 to JavaScript ES6 along the way. I hope this book captures my enthusiasm for React and JavaScript and helps you to get started.

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...)
  • transition from JavaScript ES5 to ES6 along the way
  • 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

Before you start to read the book, you should be familiar with HTML, CSS and JavaScript (ES5). The book will teach ES6 and beyond. When you come from a different SPA framework or library, you should be familiar with the basics. When you just started in web development, you should feel comfortable with HTML, CSS and JavaScript to learn React.

Muhammad Kashif
Nicholas Hunt-Walker
A Rookie Developer
Student
Thomas Lockney

5 reader testimonials

Taming the State in React

Taming the State in React

Your journey to master Redux and MobX
The Bare Essentials
  • 264

    Pages

  • 60,839

    Words

  • PDF

  • EPUB

  • MOBI

  • APP

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.

Due to Redux's popularity, the course teaches more about Redux than MobX. But it is planned to grow the MobX part too, because I am really into that library as well. For both state management libraries, Redux and MobX, you will learn to use them standalone, to connect them to React applications in multiple ways, and to apply best practices, patterns and tricks to scale them in larger applications. You will learn about using JavaScript ES6 to keep your state immutable, middleware in Redux, and flat and normalized state structures. Afterward, the terms actions, reducers, store(s), connected components and so on, will not be foreign subjects to you anymore.

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.

Last year, I started to write heavily about React and JavaScript. Over the time, I had the chance to advance my writing and teaching style due to my readers feedback. End of last year, I published an ebook about learning React from scratch. It got downloaded over 11.000 times which was an overwhelming surprise for me. I received great feedback and it makes me really happy to see how people are making progress in their learnings.

So by now, I believe that I am able to teach things about web development, JavaScript and React in a good way. I hope you believe in this as well. So jump on the train and learn Redux and/or MobX :-)

About the Authors

Christian Nwamba
Christian Nwamba

Chris is a Lagos, Nigeria based JavaScript consultant and community builder. He is currently the author program manager at Scotch.io and also consults with Cloudinary and Pusher on matters concerning developer evangelism and technical content creation. He's all about creating learning platforms for developers through collective community efforts and currently a co-organizer of Africa's leading developer community, forLoop Africa.

Robin Wieruch
Robin Wieruch

Robin Wieruch is a german software engineer and freelancer located in Berlin. In the recent years he has gained experiences in single page applications which use Ember, Angular and React. He is a full-time JavaScript developer, is doing his best to teach students on his blog and strives to learn something new every day himself.

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...

Write and Publish on Leanpub

Authors and publishers use Leanpub to publish amazing in-progress and completed ebooks, just like this one. You can use Leanpub to write, publish and sell your book as well! Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks. Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. It really is that easy.

Learn more about writing on Leanpub