eBook - ePub
Beginning ReactJS Foundations Building User Interfaces with ReactJS
An Approachable Guide
Chris Minnick
This is a test
- English
- ePUB (mobile friendly)
- Available on iOS & Android
eBook - ePub
Beginning ReactJS Foundations Building User Interfaces with ReactJS
An Approachable Guide
Chris Minnick
Book details
Book preview
Table of contents
Citations
About This Book
Quickly learn the most widely used front-end development language with ease and confidence
React JS Foundations: Building User Interfaces with ReactJS - An Approachable Guide walks readers through the fundamental concepts of programming with the explosively popular front-end tool known as React JS.
Written by an accomplished full-stack engineer, speaker, and community organizer, React JS Foundations teaches readers how to understand React and how to begin building applications with it. The book:
- Explains and clarifies technical terminology with relevant and modern examples to assist people new to programming understand the language
- Helps experienced programmers quickly get up to speed with React
- Is stocked throughout with practical and applicable examples of day-to-day React work
Perfect for beginner, intermediate, and advanced programmers alike, React JS Foundations will quickly bring you up to speed on one of the most useful and widely used front-end languages on the web today. You can start building your first application today.
Frequently asked questions
How do I cancel my subscription?
Can/how do I download books?
At the moment all of our mobile-responsive ePub books are available to download via the app. Most of our PDFs are also available to download and we're working on making the final remaining ones downloadable now. Learn more here.
What is the difference between the pricing plans?
Both plans give you full access to the library and all of Perlegoâs features. The only differences are the price and subscription period: With the annual plan youâll save around 30% compared to 12 months on the monthly plan.
What is Perlego?
We are an online textbook subscription service, where you can get access to an entire online library for less than the price of a single book per month. With over 1 million books across 1000+ topics, weâve got you covered! Learn more here.
Do you support text-to-speech?
Look out for the read-aloud symbol on your next book to see if you can listen to it. The read-aloud tool reads text aloud for you, highlighting the text as it is being read. You can pause it, speed it up and slow it down. Learn more here.
Is Beginning ReactJS Foundations Building User Interfaces with ReactJS an online PDF/ePUB?
Yes, you can access Beginning ReactJS Foundations Building User Interfaces with ReactJS by Chris Minnick in PDF and/or ePUB format, as well as other popular books in Design & UI/UX Design. We have over one million books available in our catalogue for you to explore.
Information
1
Hello, World!
Since the beginning of time, the first program anyone learns to build in any new programming language is a program that displays the words âHello, World.â Of course, the words here aren't important, and I would encourage you to choose any words you like to replace this clichĂ© phrase. The point of this chapter is to quickly build up your understanding of how React works by using a simple and inconsequential program. But, don't be deceivedâthe foundational tools and techniques that you learn about in this chapter are essential to learning React. If you only read one chapter of this book, this would be the one. In this chapter, you'll learn:
- How to use React without a toolchain.
- How to write your first React application.
- How to make and modify a React application built with Create React App.
REACT WITHOUT A BUILD TOOLCHAIN
Most React application development uses a build toolchain (such as the one created by Create React App) running in Node.js as its foundation. It is possible, however, to include React in an existing website or to build a website that makes use of React by just importing a couple of scripts into a web page. You can even use React code alongside JavaScript code written using another library or framework.
Follow these steps to make an HTML page and to add React to it:
- Create a new folder in your Documents folder and open it in Visual Studio Code.
- Open the Command Palette (Command+Shift+P on MacOS or Control+Shift+P on Windows) and run the File: New File command, or select File âȘ New File from the top menu.
- Save your new file as
index.html. - Type ! followed by the Tab key to generate an HTML template using emmet. If you prefer, you can also type the following code into your new blank file:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Hello, React!</title></head><body></body></html> - Between the
<body>and</body>tags, create an emptydivelement and give it anidattribute with the value ofapp. This is where you're going to tell React to render its output. In the React world, we call this the container element. The actualidvalue doesn't matter here, butappis a simple, easy to remember, and meaningful value that is very commonly used.NOTE You can put a React container element anywhere inside thebodyelement of a web page. - Go to
https://reactjs.org/docs/cdn-links.htmlin your browser and find the script tags for including React and ReactDOM from a content delivery network (CDN), as shown in Figure 1-1. - Copy both script tags and paste them right before the
</body>tag inindex.html.NOTE The reason these must go at the end of the body of your web page is that they can make changes to your web page. Because of the way JavaScript loads and then executes immediately after it loads, the browser will show an error message if your React code is loaded and executed before the container element is loaded.The first script,react.development.js, is the actual React library that handles the rendering of React components, the flow of data between components, responding to events, and all of the func...