0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

ASP.NET Core 5 and React

You're reading from ASP.NET Core 5 and React Full-stack web development using .NET 5, React 17, and TypeScript 4

Product type Paperback

Published in Jan 2021

Publisher Packt

ISBN-13 9781800206168

Length 568 pages

Edition 2nd Edition

Languages

C#

Tools

.NET

Concepts

Full Stack Web Development

Author (1):

Carl Rippon

View More author details

Table of Contents (21) Chapters

Preface

1. Section 1: Getting Started

2. Chapter 1: Understanding the ASP.NET 5 React Template FREE CHAPTER

3. Chapter 2: Creating Decoupled React and ASP.NET 5 Apps

4. Section 2: Building a Frontend with React and TypeScript

5. Chapter 3: Getting Started with React and TypeScript

6. Chapter 4: Styling React Components with Emotion

7. Chapter 5: Routing with React Router

8. Chapter 6: Working with Forms

9. Chapter 7: Managing State with Redux

10. Section 3: Building an ASP.NET Backend

11. Chapter 8: Interacting with the Database with Dapper

12. Chapter 9: Creating REST API Endpoints

13. Chapter 10: Improving Performance and Scalability

14. Chapter 11: Securing the Backend

15. Chapter 12: Interacting with RESTful APIs

16. Section 4: Moving into Production

17. Chapter 13: Adding Automated Tests

18. Chapter 14: Configuring and Deploying to Azure

19. Chapter 15: Implementing CI and CD with Azure DevOps

20. Other Books You May Enjoy

Leave a review - let other readers know what you think

Chapter 4: Styling React Components with Emotion

In this chapter, we will style the Q&A app we have built so far with a popular CSS-in-JS library called Emotion. We will start by understanding how you can style components with plain CSS and its drawbacks. Next, we will move on to understanding how CSS-in-JS addresses the problems that plain CSS has before installing Emotion. Finally, we will style components using Emotion's css prop before creating some reusable styled components.

We'll cover the following topics in this chapter:

Styling components with CSS
Styling components with CSS modules
Styling components with Emotion
Styling pseudo-classes and nested elements with Emotion
Creating a reusable styled component with Emotion
Completing the home page styling

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €18.99/month. Cancel anytime

Authors (1)

Carl Rippon

Carl Rippon

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

See other products by Carl Rippon

Other recommended products

Related to this chapter

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

Learn React with TypeScript 3

Learn React with TypeScript 3

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.

Nov 2018 16h 44m

The React Workshop

The React Workshop

The React Workshop equips you with the knowledge you need to implement React logic in web applications. You'll learn important best practices and essential React methods with the help of interesting examples and exercises.

Aug 2020 26h 52m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m