Nate Murray - Fullstack React with TypeScript

In this book we assume that you have at least the following skills:

• basic JavaScript knowledge (working with functions, objects, and arrays)
• basic React understanding (at least a general idea of component-based approach)
• some command line skills (you know how to run a command in the terminal)

We will mostly focus on the specifics of using TypeScript with React and some other popular technologies.

The instructions we give in this book are very detailed, so if you lack some of the listed skills, you can still follow along with the tutorials and be just fine.

Each section has an example app shipped with it. You can download code examples from the same place where you purchased this book.

If you have any trouble finding or downloading the code examples, email us at .

At the beginning of each section, you will find instructions on how to run the example app. In order to run the examples, you need a terminal app and NodeJS installed on your machine.

Make sure you have NodeJS installed. Run node -v to output your current NodeJS version:

Here are the instructions for installing NodeJS on different systems:

To work with the examples in this book we recommend installing Cmder as a terminal application.

We recommend installing node using nvm-windows. Follow the installation instructions on the Github page.

Then run nvm to get the latest LTS version of NodeJS:

It will install the latest available LTS version.

Mac OS has a terminal app installed by default. To launch it toggle Spotlight, search for terminal and press Enter.

Run the following command to install nvm:

Then run nvm to get the latest LTS version of NodeJS:

This command will also set the latest LTS version as default, so you should be all set.

If you face any issues follow the troubleshooting guide for Mac OS.

Most Linux distributions come with some terminal app provided by default. If you use Linux you probably know how to launch the terminal app.

Run the following command to install nvm:

Then run nvm to get the latest LTS version of NodeJS:

In case of problems with installation follow the troubleshooting guide for Linux.

In this book, we build example applications in steps. Sections have associated code examples:

Their names match the names of the sections in the book.

If at some point in the chapter we achieve a state that we can run, you can run the version of the app from the particular step.

Some files in these folders can have numbered suffixes with *.example:

If you see this, it means that we are building up to something bigger. You can jump to the file with the same name but without a suffix to see a completed version of it.

Here the completed file would be src/AddNewItem.tsx.

We have done our best to make sure that our instructions are correct and code samples dont contain errors. There is still a chance that you will encounter problems.

If you find a place where a concept isnt clear or you find an inaccuracy in our explanations or a bug in our code, ! We want to make sure that our book is precise and clear.

If you have any problems working through the code examples in this book, .

To make it easier for us to help you, include the following information:

• What revision of the book are you referring to?
• What operating system are you on? (e.g. Mac OS X 10.13.2, Windows 95)
• Which chapter and which example project are you on?
• What were you trying to accomplish?
• What have you tried already?
• What output did you expect?
• What actually happened? (Including relevant log output.)

Ideally, please also provide a link to a git repository where we can reproduce the issue you are having.

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript - typescriptlang.org.

TypeScript allows you to specify types for values in your code, so you can develop applications with more confidence.

Consider this JavaScript example. Here we have a function that verifies that a password has at least eight characters:

When you pass it a string that has at least eight characters it will return true.

Someone might accidentally pass a numeric value to this function:

In this case, the function will return false. Even though the function was designed to only work with strings you wont get an error saying that you misused the function.