This commit is contained in:
ThomasL
2023-07-21 11:02:48 +02:00
2 changed files with 13 additions and 10 deletions

View File

@@ -2,17 +2,19 @@
> Author: Thomas Laforge
<!-- TODO: add Information/Statement/Rules/Constraint/Steps -->
### Information
In v14, standalone components were released and made stable in v15. If you haven't played with them, it's never too late. You can try them out in this challenge.
Moreover, the goal is to see how Nx and standalone components work together, and experience the process of decoupling your app with Nx lib and standalone components.
Finally, standalone components are very simple to understand, but routing/lazy-loaded components can be a bit harder to grasp. This challenge will allow you to manipulate components at different levels of nesting and work with lazy loaded routes.
After completing this challenge, standalone components will no longer hold any secrets for you.
### Statement
### Step 1
### Step 2
### Constraints:
The goal of this challenge is to migrate your application from module based components to standalone components.
### Submitting your work
@@ -22,10 +24,10 @@
4. `npx nx serve module-to-standalone`
5. _...work on it_
6. Commit your work
7. Submit a PR with a title beginning with **Answer:26** that I will review and other dev can review.
7. Submit a PR with a title beginning with **Answer:31** that I will review and other dev can review.
<a href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A26+label%3Aanswer"><img src="https://img.shields.io/badge/-Solutions-green" alt="module-to-standalone"/></a>
<a href='https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A26+label%3A"answer+author"'><img src="https://img.shields.io/badge/-Author solution-important" alt="module-to-standalone solution author"/></a>
<a href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A31+label%3Aanswer"><img src="https://img.shields.io/badge/-Solutions-green" alt="module-to-standalone"/></a>
<a href='https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A31+label%3A"answer+author"'><img src="https://img.shields.io/badge/-Author solution-important" alt="module-to-standalone solution author"/></a>
<!-- <a href="{Blog post url}" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/-Blog post explanation-blue" alt="module-to-standalone blog article"/></a> -->