Rebai Ahmed – Medium

Published in Level Up Coding

·Pinned

Bad practices you should avoid using Angular

❌ Don’t do: Put the logic being handled in tap with empty subscribe Don’t put the logic you will implement inside the tap operator, and keep the subscribe empty in case you will have many subscribers to your observable. Why?: the tap operator is used mostly for side-effects like caching or logging and if you put your logic there, every subscriber will call…

Angular

3 min read

Angular

3 min read

Published in Level Up Coding

·Pinned

Introduction to state management with Ngrx and Angular

What is State Management 📝 Before defining state management, let’s define what is a State “A state is a representation of a system in a given time.” When it comes to front-end applications, the state can be : Types of State 📰 Navigation State: where the currentUser and the current route with current params? UI State: a modal is…

Ngrx

11 min read

Ngrx

11 min read

Published in Level Up Coding

·Pinned

Typescript Tips and Tricks for JS Developers (Part2)

Introduction 🚩: Hallo 🇩🇪🇹🇳 : I'm so glad today to present for you my second part about Typescript Tips and tricks. I got positive feedback about the first part that didn't cover all the available tips and the rich skins provided by Typescript, so I decided to add a second part to…

Typescript

4 min read

Typescript

4 min read

Published in Level Up Coding

·Pinned

Best practices for a clean Angular project

Introduction : I want to share with you what I have learned through other blogs and community recommendations about the best tips and tricks to write clean code with Angular and make your application performance scalable because I believe clean code is the door to a good software project. We will…

Angular

14 min read

Angular

14 min read

Published in Level Up Coding

·Nov 17

Write CRUD E2E tests with Angular and Cypress

Introduction: The most effective and reliable to ensure reliability is manual testing! But we cannot trust human tests and That’s why we introduced e2e tests What is an e2e test? An end-to-end test mimics how a user interacts with the application. Typically, the test engine launches an ordinary browser and controls it remotely. What is Cypress? Cypress framework is…

Cypress Testing

4 min read

Write CRUD E2E tests with Angular and Cypress

Cypress Testing

4 min read

Dec 28, 2021

Rxjs Heaven (Part3: Higher-order operators )

Introduction 🚩 :

Rxjs

4 min read

Rxjs

4 min read

Published in Frontend Weekly

·Oct 17, 2021

Rxjs Heaven ( Part 2: Subject, BehaviourSubject, ReplySubject )

Introduction 🚩 : Hello Dear Readers Making everything reactively is a trend in web development currently with the most famous JS frameworks not only with Angular! so I decided to start a series of blogs about Rxjs 🔥 (A reactive programming library) and cover the most use cases with code examples to help…

Rxjs

6 min read

Rxjs

6 min read

Published in Frontend Weekly

·Aug 22, 2021

Rxjs Heaven (Part1: Error handling )

Rxjs

5 min read

Rxjs

5 min read

Published in Frontend Weekly

·Jul 2, 2021

Typescript Tips and tricks for JS Developers (Part1)

Introduction 🚩: Hello Dear Readers and followers, in this blog I will write about an interesting topic Typescript This rich programming language with the coolest APIS and features and helps us to write better code => better solution => fewer Bugs I will try to list some tricks and tips with code…

Typescript

10 min read

Typescript

10 min read

Dec 15, 2020

Introduction to Reactive Programming with Rxjs

Introduction : Hello guys, this is another blog for my “2020 blogging series challenge”, the topic this time is “Introduction to Reactive programming” I will present The Reactive programming concept , after we will discover the Rxjs library and some operators . happy learning :) What is Reactive Programming “Reactive Programming is a declarative programming…

Rxjs

6 min read

Rxjs

6 min read