SurviveJS - React
SurviveJS - React
From apprentice to master
About the Book
Facebook's React powers an increasing amount of sites. There is a good reason for this. It simplifies frontend development greatly.
SurviveJS - React shows you how to build a simple Kanban application based on these technologies. During the process you will learn to:
- Learn to understand the ideas behind React.
- Learn to design component hierarchies as you work on the application.
- Get into the React mindset while learning to think and manage state carefully.
- Style your React application in various emerging ways.
- Implement drag and drop for your application using React DnD.
In addition the Leanpub edition contains exclusive chapters showing you how to:
- Deal with typing in React.
- Test your React application in various ways.
Most of the book content is available online at survivejs.com. By buying this book you support the development of further content.
The book in pdf, epub, mobi. The source code is available at https://github.com/survivejs/react.
One for a friend too
Get a copy for a friend as well. Includes two copies.
One for the team
Get copies for your team mates. Or friends. I don't discriminate. Includes four copies.
Jesús Rodríguez Rodríguez is a frontend developer who dedicates his time to moderate the official Angular.js IRC channel and he also gives support there.
He spent some time collaborating with organization like AngularUI and he also write in his blog (http://www.angular-tips.com) all about angular.
He also likes to edit / review books, that also includes writing his own books.
SurviveJS connects the dots
Headstart to Webpack and React
Omar van Galen
Setting up a cutting-edge frontend development environment with React takes time. What sets SurviveJS apart is that it does not only show you exactly how to do it, it evolves, preventing JS fatigue, hence the name.
Helping to get projects up and running
I originally got this book to learn React, but I found quickly that the instruction on Webpack alone was worth the price of admission. I have followed this book's iteration from very early on, and it gets better every time. It is very useful, and to this day I keep going back to it as a good way to get new projects up and running.
- What is React?
- What Will You Learn?
- How is This Book Organized?
- What is Kanban?
- Who is This Book for?
- How to Approach the Book?
- Book Versioning
- Extra Material
- Getting Support
I Getting Started
1. Introduction to React
- 1.1 What is React?
- 1.2 Virtual DOM
- 1.3 React Renderers
- 1.5 Conclusion
2. Setting Up the Project
- 2.1 Setting Up Node.js and Git
- 2.2 Running the Project
2.3 Boilerplate npm
- 2.4 Boilerplate Language Features
- 2.5 Conclusion
3. Implementing a Note Application
- 3.1 Initial Data Model
- 3.2 Rendering Initial Data
- 3.3 Generating the Ids
- 3.4 Adding New Notes to the List
- 3.5 Conclusion
4.2 Adding a Stub for
4.3 Communicating Deletion to
- 4.4 Conclusion
- 4.1 Separating
5. Understanding React Components
- 5.1 Lifecycle Methods
- 5.2 Refs
- 5.3 Custom Properties and Methods
- 5.4 React Component Conventions
- 5.5 Conclusion
6.2 Extracting Rendering from
- 6.7 On Namespacing Components
- 6.8 Conclusion
- 6.1 Implementing
7. Styling the Notes Application
- 7.1 Styling “Add Note” Button
- 7.3 Styling Individual Notes
- 7.4 Conclusion
- 1. Introduction to React
II Implementing Kanban
8. React and Flux
- 8.1 Quick Introduction to Redux
- 8.2 Quick Introduction to MobX
- 8.3 Which Data Management Solution to Use?
- 8.4 Introduction to Flux
- 8.5 Porting to Alt
- 8.7 Dispatching in Alt
- 8.8 Conclusion
9.1 Setting Up a
- 9.2 Understanding Actions
9.3 Setting Up
- 9.9 Conclusion
- 9.1 Setting Up a
10. Implementing Persistency over
10.2 Implementing a Wrapper for
10.3 Persisting the Application Using
- 10.4 Implementing the Persistency Logic
- 10.5 Connecting Persistency Logic with the Application
10.6 Cleaning Up
- 10.7 Alternative Implementations
- 10.8 Relay?
- 10.9 Conclusion
- 10.1 Understanding
11. Handling Data Dependencies
- 11.6 Conclusion
- 11.1 Defining
12. Editing Lanes
12.1 Implementing Editing for
- 12.3 Styling Kanban Board
- 12.4 Conclusion
- 12.1 Implementing Editing for
13. Implementing Drag and Drop
- 13.1 Setting Up React DnD
- 13.2 Allowing Notes to Be Dragged
- 13.3 Allowing Notes to Detect Hovered Notes
- 13.5 Adding Action and Store Method for Moving
- 13.6 Implementing Note Drag and Drop Logic
- 13.7 Dragging Notes to Empty Lanes
- 13.8 Conclusion
- 8. React and Flux
III Advanced Techniques
14. Testing React
- 14.1 Levels of Testing
- 14.2 Writing Your First Test
- 14.3 Understanding the Test Setup
- 14.4 Testing Kanban Components
- 14.7 Testing Kanban Stores
- 14.8 Conclusion
15. Typing with React
- 15.2 Typing Kanban
- 15.3 Type Checking with Flow
propTypesto Flow Checks
- 15.5 Babel Typecheck
- 15.6 TypeScript
- 15.7 Conclusion
16. Styling React
- 16.1 Old School Styling
- 16.2 CSS Methodologies
- 16.3 CSS Processors
- 16.4 React Based Approaches
- 16.5 CSS Modules
- 16.6 Conclusion
17. Structuring React Projects
- 17.1 Directory per Concept
- 17.2 Directory per Component
- 17.3 Directory per View
- 17.4 Conclusion
- 14. Testing React
- Class Properties and Property Initializers
- String Interpolation
- Object Initializers
- Implementing a Logging Decorator
- Decorator Ideas
- Warning: setState(…): Cannot update during an existing state transition
- Warning: React attempted to reuse markup in a container but the checksum was invalid
Module parse failed
- Project Fails to Compile
- Language Features
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
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets) and MOBI (for Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
C++20 is the next big C++ standard after C++11. As C++11 did it, C++20 changes the way we program modern C++. This change is, in particular, due to the big four of C++20: ranges, coroutines, concepts, and modules.
The book is almost daily updated. These incremental updates ease my interaction with the proofreaders.
A Guide to Artificial Intelligence in HealthcareDr. Bertalan Mesko
Can we stay human in the age of A.I.? To go even further, can we grow in humanity, can we shape a more humane, more equitable and sustainable healthcare? This e-book aims to prepare healthcare and medical professionals for the era of human-machine collaboration. Read our guide to understanding, anticipating and controlling artificial intelligence.
C++ Best PracticesJason Turner
Level up your C++, get the tools working for you, eliminate common problems, and move on to more exciting things!
Atomic KotlinBruce Eckel and Svetlana Isakova
For both beginning and experienced programmers! From the author of the multi-award-winning Thinking in C++ and Thinking in Java together with a member of the Kotlin language team comes a book that breaks the concepts into small, easy-to-digest "atoms," along with exercises supported by hints and solutions directly inside IntelliJ IDEA!
Sockets and PipesType Classes
Sockets and Pipes is not an introduction to Haskell; it is an introduction to writing software in Haskell. Using a handful of everyday Haskell libraries, this book walks through reading the HTTP specification and implementing it to create a web server.
Introducing EventStormingAlberto Brandolini
The deepest tutorial and explanation about EventStorming, straight from the inventor.
node-opcua by exampleEtienne Rossignon
Get the best out of node-opcua through a set of documented examples by the author himself that will allow you to create stunning OPCUA Servers or Clients.
Ansible for DevOpsJeff Geerling
Ansible is a simple, but powerful, server and configuration management tool. Learn to use Ansible effectively, whether you manage one server—or thousands.
Functional Design and ArchitectureAlexander Granin
Software Design in Functional Programming, Design Patterns and Practices, Methodologies and Application Architectures. How to build real software in Haskell with less efforts and low risks. The first complete source of knowledge.
Composing SoftwareEric Elliott
All software design is composition: the act of breaking complex problems down into smaller problems and composing those solutions. Most developers have a limited understanding of compositional techniques. It's time for that to change.
Software Architecture for Developers: Volumes 1 & 2 - Technical leadership and communication
2 Books"Software Architecture for Developers" is a practical and pragmatic guide to modern, lightweight software architecture, specifically aimed at developers. You'll learn:The essence of software architecture.Why the software architecture role should include coding, coaching and collaboration.The things that you really need to think about before...
All the Books of The Medical Futurist
6 BooksWe put together the most popular books from The Medical Futurist to provide a clear picture about the major trends shaping the future of medicine and healthcare. Digital health technologies, artificial intelligence, the future of 20 medical specialties, big pharma, data privacy, digital health investments and how technology giants such as Amazon...
3 BooksBuy every PowerShell book from Adam Bertram at a 20% discount!
Cisco CCNA 200-301 Complet
4 BooksCe lot comprend les quatre volumes du guide préparation à l'examen de certification Cisco CCNA 200-301.
Linux Administration Complet
4 BooksCe lot comprend les quatre volumes du Guide Linux Administration :Linux Administration, Volume 1, Administration fondamentale : Guide pratique de préparation aux examens de certification LPIC 1, Linux Essentials, RHCSA et LFCS. Administration fondamentale. Introduction à Linux. Le Shell. Traitement du texte. Arborescence de fichiers. Sécurité...
Modern C++ by Nicolai Josuttis
Django for Beginners/APIs/Professionals
Learn Git, Bash, and Terraform the Hard Way
3 BooksLearn Git, Bash and Terraform using the Hard Way method.These technologies are essential tools in the DevOps armoury. These books walk you through their features and subtleties in a simple, gradual way that reinforces learning rather than baffling you with theory.
Software Architecture and Beautiful APIs
2 BooksThere is no better way to learn how to design good APIs than to look at many existing examples, complementing the Software Architecture theory on API design.
Digital Future of Healthcare and Pharma
3 BooksThese three popular e-books from The Medical Futurist describes how digital health technologies will shape the future of health, healthcare, medicine and pharma with exciting infographics in a digestible format.