ASP.NET CORE 3 AND REACT;HANDS-ON FULL STACK WEB DEVELOPMENT USING ASP.NET CORE, REACT, AND TYPESCRIPT 3
ASP .NET Core is a powerful framework to architect a powerful backend for scalable web applications. Combined with the solid front-end development capabilities of React, you will be reinforced to build a solid full-stack web. With this book, we will teach .NET developers how to harness the full pote...
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
Formato: | Electrónico eBook |
Idioma: | Inglés |
Publicado: |
[Place of publication not identified]
PACKT Publishing,
2019.
|
Temas: | |
Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover
- Title Page
- Copyright and Credits
- Dedication
- About Packt
- Contributors
- Table of Contents
- Preface
- Section 1: Getting Started
- Chapter 1: Understanding the ASP.NET Core React Template
- Technical requirements
- SPA architecture
- Understanding the backend
- Creating an ASP.NET Core and React templated app
- Understanding the backend entry point
- Understanding the Startup class
- The ConfigureServices method
- The Configure method
- Custom middleware
- Understanding controllers
- Understanding the frontend
- Understanding the frontend entry point
- Running in development mode
- Publishing process
- Understanding the frontend dependencies
- Understanding how the single page is served
- Understanding how components fit together
- Understanding how components access the backend web API
- Summary
- Questions
- Further reading
- Chapter 2: Creating Decoupled React and ASP.NET Core Apps
- Technical requirements
- Creating an ASP.NET Core Web API project
- Creating a React and TypeScript app
- Understanding the benefits of TypeScript
- Creating the app with CRA
- Adding linting to React and TypeScript
- Configuring Visual Studio Code to lint TypeScript code
- Configuring linting rules
- Adding automatic code formatting to React and TypeScript
- Adding Prettier
- Summary
- Questions
- Further reading
- Section 2: Building a Frontend with React and TypeScript
- Chapter 3: Getting Started with React and TypeScript
- Technical requirements
- Understanding JSX
- Creating function-based components
- Creating a Header component
- Creating our first component
- Adding elements to the Header component
- Creating a HomePage component
- Creating mock data
- Styling components
- Styling using CSS class references
- Understanding the benefits of CSS in JS
- Installing Emotion
- Styling the document body
- Styling components using Emotion
- Styling the App component
- Styling the Header component
- Styling the HomePage component
- Implementing component props
- Creating HomePage child components
- Creating the QuestionList component
- Creating the Question component
- Wiring up the components
- Optional and default props
- Children prop
- Function props
- Implementing component state
- Changing getUnansweredQuestions so that it's asynchronous
- Using useEffect to execute logic
- Using useState to implement component state
- Handling events
- Handling a button click event
- Handling an input change event
- Rendering optimization
- Summary
- Questions
- Further reading
- Chapter 4: Routing with React Router
- Technical requirements
- Installing React Router with types
- Declaring routes
- Creating some blank pages
- Creating a component containing routes
- Redirecting a route
- Handling routes not found
- Implementing links
- Using the Link component
- Navigating programmatically
- Using route parameters