Elad Elrom
New York, NY, USA
Any source code or other supplementary material referenced by the author in this book is available to readers on GitHub via the books product page, located at www.apress.com/9781484270516. For more detailed information, please visit www.apress.com/source-code.
ISBN 978-1-4842-7051-6 e-ISBN 978-1-4842-7052-3
https://doi.org/10.1007/978-1-4842-7052-3
Elad Elrom 2021
This work is subject to copyright. All rights are solely and exclusively licensed by the Publisher, whether the whole or part of the material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way, and transmission or information storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now known or hereafter developed.
The use of general descriptive names, registered names, trademarks, service marks, etc. in this publication does not imply, even in the absence of a specific statement, that such names are exempt from the relevant protective laws and regulations and therefore free for general use.
The publisher, the authors and the editors are safe to assume that the advice and information in this book are believed to be true and accurate at the date of publication. Neither the publisher nor the authors or the editors give a warranty, expressed or implied, with respect to the material contained herein or for any errors or omissions that may have been made. The publisher remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.
This Apress imprint is published by the registered company APress Media, LLC part of Springer Nature.
The registered company address is: 1 New York Plaza, New York, NY 10004, U.S.A.
Introduction
Congratulations! You have decided to integrate D3.js with React. There are plenty of ways to learn, such as training courses, YouTube videos, and blog posts, among others. In fact, I am offering an interactive course for integrating React and D3 and it compliments this book very well, as it expands and gives more examples on the topic in this book, check out the course here: https://elielrom.com/BuildSiteCourse .
Much of this information is of good quality; however, each piece is usually based on a different technology stack, and you need to adjust to a different author style or piece the information together to understand it. For these reasons, using this book is a great choice when you want to learn how to integrate D3.js with React, and it will help you understand the concepts deeper. Additonally, we all learn differently, and reading from a book has advantage as you can follow at your own phase and better understand key concepts.
The book teaches you how to work seamlessly with D3.js and React alongside other libraries such as TypeScript. I explain how all these technologies work together and show lots of examples.
This book is set up logically, so you should read the chapters in chronological order. I will build on each topic as you move through the book, and it will be an exciting development journey.
Additionally, there are thousands of libraries that can help expedite your development effort and make your life easier. It can get confusing to pick what libraries to learn and use. In this book, one of my goals was to ease the pain and help you not only pick the best and most popular library but also to give you a rundown of the other options.
My aim is not just to teach you how to integrate D3.js with React. You will learn about tools and libraries that will help you integrate charts to get the job done, and youll learn about other technologies and how to join the React community that utilizes the latest and best libraries.
Human nature is choosing the easy way out and learning tools that are easy to master. From my experience, the tools that have a steep learning curve, such as D3.js, are the ones that usually offer more value. They are worth the extra effort you put in to learning them, as knowing these tools makes you a valuable resource.
Choosing D3.js over libraries that are built on top of D3.js is worth the effort. By learning D3.js with React, you can improve the quality of your code as well as potentially earn more as a developer and help tell your story better.
You should be comfortable with HTML, JavaScript, and CSS when reading this book, and its helpful to have some knowledge of React. That said, I made an effort not to require these proficiencies in the book, and its possible to read this book without any prior knowledge; feel free to research the concepts that you are unfamiliar with. A good way to do this is to purchase my other React.js book, React and Libraries ( www.apress.com/gp/book/9781484266953 ). This book can be considered as a continuation of that one. Additionally, I have online courses that I encourage you to take https://elielrom.com/BuildSiteCourse .
In terms of organization, we will create an actual project that includes D3.js and other commonly used components and architecture. I will give you helpful examples, showing you the complete full development cycle. You will learn how to publish your app on a server as well as ensure the quality of the code.
The book code examples can be downloaded from https://github.com/Apress/integrating-d3.js-with-react .
Make sure to read this book and work on the examples to completion. You will become a better React developer, able to complete projects and publish them to the wild, as well as integrate charts with confidence.
Lastly, as a bonus to you and as a thank-you for purchasing this book, you can reach out to me and receive a free ebook that includes many typical React interview questions. You can use these questions to increase your knowledge as well as practice for an interview. See https://elielrom.com/ReactQuestion .
Lots of effort was put into this book from myself, and the editiorial team, however, If you find errors, do not hesitate to point them at https://github.com/Apress/integrating-d3.js-with-react/blob/main/errata.md . Additionally, I would love to hear about any interesting React and D3.js projects. I am available for consulting, coaching, or tutoring: https://elielrom.com/CoachingHourly .
Thanks again for purchasing this book, and lets get started on your React and data visualization development journey today.