Post Tag | CodeOmelet

React Journey: Part 5 - Context API

Oct 08, 2023 | 8 min read | 422 Views | Comments

Every journey ends somewhere. Our React journey will come to an end with 360-degree shift in our previous approaches of communicating between components. Don't get afraid, this change is helpful and a must for our growing apps. In this article, we will touch base and talk about the concept of Context API in React and how it can allow to manage props and states like a pro.

React Journey: Part 4 - Working with Web API

Sep 21, 2023 | 6 min read | 381 Views | Comments

There is no app existence without communicating server or at least a fake server. In our React learning journey we will now make our Notesy app to communicate to API even though its fake. In this article, we will make use of json-server to create API endpoint for our Notesy app and make our create, read, delete operation little dynamic.

React Journey: Part 2 - States, Props, Events and Hooks

Aug 24, 2023 | 10 min read | 430 Views | Comments

Life brought us to the moment where we have to think about how to make our Notesy app functional. In this article we will make our Notesy app interactive such that it can show list of notes, add new notes and delete existing notes. On the way of doing so we will explore states, props, events and hooks.

React Journey: Part 1 - Getting Started

Aug 20, 2023 | 8 min read | 623 Views | Comments

It's time to go on a feel trip with React. Let us pack our bags and start our journey towards learning React from scratch with techs those we have today. In this article we will start our React learning journey by setting up the project with Vite and most desirable UI framework Bootstrap.

NgMarvel app using Angular and Marvel API

Jul 12, 2021 | 12 min read | 2427 Views | Comments

When life gives you lemons, make lemonade; and when Marvel provides you an API, make an Angular app. In this article, we will do the Hulk Smash! and create an awesome Marvel comic explorer app using Angular and Marvel Comics API.

Pokedex using Angular and Bootstrap with PokeAPI

Feb 28, 2021 | 9 min read | 9584 Views | Comments

Squirtle, without a doubt, is my favorite Pokemon and I am open for a debate. You can check the Pokedex on your own or create a Pokedex on your own. Let us talk about the second option in this article, and with the help of PokeAPI, Angular and Bootstrap such crazy demands can be achieved.

Baking pagination with Angular and Bootstrap 5

Feb 08, 2021 | 8 min read | 8972 Views | Comments

After having a nice cup of morning tea/coffee, users of your web app needs to get their data table/grid loaded in a blink of an eye. Pretty neat with data in the range of hundreds but when data is in range of "K" things are not okay. But with the help of paginated API and corresponding UI we can tackle this situation. Obviously, in this article will make and bake a paginated UI with sorting and filtering using Angular and Bootstrap 5.

Creating Multi-Select Dropdown with Angular and Bootstrap 5

Oct 19, 2020 | 11 min read | 17357 Views | Comments

The single select dropdown is cool, but what if we have to implement multi-select, search enabled, with toggle all option dropdown? Challenge accepted. This article focuses on creating a cute looking multi-select dropdown in Angular with the help of Bootstrap 5.

Exploring Bootstrap 5 with Angular - Creating Dropdown

Oct 08, 2020 | 8 min read | 7255 Views | Comments

Bootstrap 5 is nothing but love and a dream come true for many developers. With its many features and ability to fight alongside any JS framework makes it insanely powerful. This article focuses on getting along with Bootstrap 5 with super heroic Angular.