Coder Social home page Coder Social logo

learn-react-with-typescript-3's Introduction

Learn React with TypeScript 3

Learn React with TypeScript 3

This is the code repository for Learn React with TypeScript 3, published by Packt.

Beginner's guide to modern React web development with TypeScript 3

What is this book about?

React today is one of the most loved and preferred choices for front-end development. Using React with TypeScript enhances development experience and offers a powerful combination to develop high performing web apps. This book will take you through a journey of web development with the help of the latest version of React and TypeScript 3.

This book covers the following exciting features:

  • Gain a first-hand experience of TypeScript and its productivity features
  • Transpile your TypeScript code into JavaScript for it to run in a browser
  • Learn relevant advanced types in TypeScript for creating strongly typed and reusable components.
  • Create stateful function-based components that handle lifecycle events using hooks
  • Get to know what GraphQL is and how to work with it by executing basic queries to get familiar with the syntax

If you feel this book is for you, get your copy today!

https://www.packtpub.com/

Instructions and Navigations

All of the code is organized into folders. For example, Chapter02.

The code will look like the following:

import * as React from "react";
const App: React.SFC = () => {
  return <h1>My React App!</h1>;
};

Following is what you need for this book: The ideal target audience for this book are web developers who want to get started with creating modern day web apps with React and TypeScript.You are expected to have a basic understanding of JavaScript and HTML programming. No prior knowledge of TypeScript and React is needed.

With the following software and hardware list you can run all code files present in the book (Chapter 1-11).

Software and Hardware List

Chapter Software required OS required
All Chrome (latest) Windows 7 or later OS X Yosemite 10.10 or later
All Node.js 8.2+ and npm 5.2+ Windows 7 or later OS X Yosemite 10.10 or later
All Visual Studio Code (latest) Windows 7 or later OS X Yosemite 10.10 or later

We also provide a PDF file that has color images of the screenshots/diagrams used in this book. Click here to download it.

Errata

  • Chapter name: TypeScript Basics, page number: 46- The below paragraph which is after point 10 is included bymistakely and should be ignored.

    However, omitting the parameter names arguably makes the interface harder to understand—how do we know exactly what the parameter is for?

  • Page number: 100 - Create React App now uses a function component and so step 5 is no longer necessary.

  • Page number: 106 - bundle.js should be removed from the folder listing.

Related products

Get to Know the Author

Carl Rippon has been involved in the software industry for over 20 years, developing a complex line of business applications in various sectors. He has spent the last eight years building single page applications using a wide range of JavaScript technologies, including Angular, ReactJS, and TypeScript. Carl has written over 100 blog posts on various technologies.

Suggestions and Feedback

Click here if you have any feedback or suggestions.

Download a free PDF

If you have already purchased a print or Kindle version of this book, you can get a DRM-free PDF version at no cost.
Simply click on the link to claim your free PDF.

https://packt.link/free-ebook/9781789610253

learn-react-with-typescript-3's People

Contributors

deepesh-packt avatar packt-itservice avatar packtsurabhi avatar packtutkarshr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

learn-react-with-typescript-3's Issues

Chapter06 - withLoader TS2322

At the end of Chapter06, with all changes I am getting the following:
TypeScript error in ./reactshop/src/withLoader.tsx(17,6):
Type '{}' is not assignable to type 'P'.
'{}' is assignable to the constraint of type 'P', but 'P' could be instantiated with a different subtype of constraint 'object'. TS2322

15 |     </div>
16 |   ) : (

17 | <Component {...props} />
| ^
18 | );
19 | export default withLoader;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.