React Core Boilerplate
Powerful ASP.NET Core 3 templates with React, true server-side rendering and Docker support
Overview:
React Core Boilerplate is a starting point for building universal/isomorphic React web applications with ASP.NET Core 3 and server-side rendering. It provides a fake authorization system and supports both TypeScript and JavaScript versions. The latest version (2.0.3) adds Docker support and XSS attack prevention, among other updates and improvements.
Features:
- Starting point for building universal/isomorphic React web applications
- Works out of the box
- Helpful for newbies
- Fake authorization system
- Supports TypeScript and JavaScript versions
- Docker support
- XSS attack prevention
- Updated dependencies and removed unused namespaces
- Migrated to .NET Core 3.1
- Migrated to Bootstrap 4 using react-bootstrap
- Migrated to Formik for form creation
- Redux stores migrated to Redux Toolkit for easier development
- HTTPS support for server-side rendering
- Editable status code in routes for SEO
- Repository restructuration
- Added JavaScript version of the React Core Boilerplate
- Stability fixes
- Updated critical dependencies
- Improved WebPack vendor and bundle configurations
- Updated .NET Core dependency to v. 2.2
- Improved .csproj file for building and publishing scenarios
- Fixed source map generation in development mode
- Fixed bundle compilation in production mode
- Added minor features
- Bug fixes
- Added polyfills for supporting IE9 and IE11
- Added fulltext live search example
- Added WebPack plugins
- Speeded up WebPack bundle building
- Updated domain-wait package for preventing duplicate fetch requests
Summary:
React Core Boilerplate is a comprehensive starting point for building React web applications with ASP.NET Core. It provides all the necessary tools and libraries for server-side rendering, authentication, and development efficiency. With regular updates and bug fixes, it ensures stability and improves functionality. The availability of TypeScript and JavaScript versions caters to different developer preferences. Overall, React Core Boilerplate is a valuable resource for developers looking to jumpstart their React projects.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Formik
Formik is a popular form library for React that helps with form state management, validation, and submission handling. It provides a declarative approach to building forms with support for complex validation scenarios and easy integration with validation libraries like Yup.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.