#angularChallenge alert! 🚀 We're facing an issue with Angular Effects in our app. We have two selects: one for changing the user and another for selecting their action. We aim to log only new actions, but it also logs when switching users. Debug with me and fix this! Ready?

Signals have introduced a new reactive pattern in Angular applications, but RxJS is far from obsolete. It's still a super valuable skill set for creating awesome asynchronous animations. In this #AngularChallenge, you need to hold a button for 3 seconds to send a message. Let go…

🚀 Signal Inputs have finally landed in Angular 🚀 To understand and feel the power of Signal Inputs, here is an #AngularChallenge. 📖 The goal is to migrate a component to fully embrace Signal Inputs. ‼️ Don't forget to update your fork and run npm ci.…

New #AngularChallenge 📖 For this one, you will need to understand how DI works and how to leverage the use of InjectionToken. 🚀 Resolving this challenge will help you gain a better understanding of how DI works and how easy it is to override Tokens or Services. 🎉 Have Fun…

Very happy to announce the first community contribution #angularChallenge by @DeveshChau. 🔥 The challenge is about early observable completion due to errors. The goal is to improve that using the RxJS operator: catchError. angular-challenges.vercel.app/challenges/rxj…

The #AngularChallenge about simple pipe is one of the most popular challenges. It's very basic and straightforward to resolve, but you will learn a lot: ✅ How to fork a github project ✅ Clone it on your local computer ✅ Install dependancies ✅ Create a git branch ✅ Read the…

New update of the #AngularChallenge website. Thanks to #giscus, we can now add comments under each challenge, as well as emojis. 🚀 This will ease the feedback process. At least I hope 🙏

I've changed a button on my #AngularChallenge landing page. Instead of redirecting to the first challenge, it will now redirect to the latest challenge added. When the project will have regular users 🤪, I suppose they will be eager to see the newest one 😇. What do you think?

New #AngularChallenge of the week. We continue the performance series.🔥 In this challenge, we need to display a list of 100,000 items. However, this approach is highly inefficient as all the items are created in the DOM, resulting in significant latency. How will you handle…

A new button has appeared in the documentation of #angularChallenge. 🎥 @ALannelucq has created a video to explain challenge #1️⃣ on his YouTube channel. 🚀 Now, you can learn from the community solution, my solution, a blog post, or a video. The only downside is that it's in…

#angularChallenge update 23 solutions posted in only 1 weekend 😱 😅 which gave me a lot of work to review them all. There is some awesome solutions using all latest @angular updates: signals, hostListener, functional guard, ... ⭐️⭐️

#angularChallenge poll: I'm still looking for improvement Should I close the PR inside GitHub when the solution is ready or leave all solutions open ?

Getting very close to two milestones for my #angularChallenge project 🚀 - 5⭐️ away from 500⭐️ - 3 PRs (meaning challenge submitted) away from 100 Thanks for your support 🥰 🤝

New #AngularChallenge with the new UI. We continue the performance series with a simple yet powerful feature: Pipes. 🔥 In this challenge, you will learn and visualize why pipes are a tool you need to have in your toolkit. ✅ From now on, in addition to practice, I will try to…

#AngularChallenge is getting a fresh new look!! You can now explore the new website 👉 angular-challenges.vercel.app ✅ Enhanced design ✅ Improved discoverability ✅ Easier readability ✅ Step-by-step guide to starting and submitting a challenge 📝: instructions rewrite in WIP. 🔥…

#AngularChallenge 3️⃣2️⃣ Today I faced an interesting bug with one of my students. It was due to an infinite number of Change Detection occurences when adding the RouterLinkActive Directive. I created a small reproduction of the bug. Can you fix it? github.com/tomalaforge/an…

#AngularChallenge 3️⃣0️⃣ Angular v16 has introduced one of the most hyped feature since a long time: Signals🚦 However, significant changes like this often require a different approach to thinking and implementing things. It is expected that both good and bad patterns will emerge…

Hi #angular, #Cypress, #testing_lib Challenge # 1️⃣9️⃣ ✅Challenge 3️⃣ for my testing series of #angularChallenge using #Cypress and #testing_library. This time is about testing a component with 👉input👈 and 👉ouput👈 properties. github.com/tomalaforge/an…

Hi #angular, #Cypress, #testing_lib Challenge # 1⃣8⃣ 👉Challenge 2⃣ for my testing series of #angularChallenge using #Cypress and #testing_library. This time is about testing a nested component. 😇Good Luck and enjoy. github.com/tomalaforge/an…

Hi #angular, #Cypress, #testing_lib Challenge # 1⃣7️⃣ Testing is a very important part for a healthy app. Therefore, I will start a series of #angularChallenge on testing using #Cypress and #testing_library. 👇GL and enjoy learning those amazing lib. github.com/tomalaforge/an…