December 2020 – Full Stack Soup

Angular Material – Navbar with Responsive Side Menu

By -Danny B.
Posted on December 22, 2020November 29, 2021
Posted in Angular, Material

Overview This post is an example of how to build an Angular Material navigation bar with a responsive side menu drawer. The side menu will also highlight the options based on the Router Path. Node-Sass Warning about the code from GitHub: You may need to run the following NPM commands if you get a node-sass

Angular – RxJs throttleTime – Prevent Double Entry API Calls

By -Danny B.
Posted on December 15, 2020October 7, 2021
Posted in Angular, RxJS

Overview An issue you might run into using events in HTML, are double API calls thus getting double entries in your database. This is where RxJs throttleTime can come in handy. In this example, an application using <youtube-video> (stateChanged) event calls the API to record if a user has watched the video. The stateChanged event

React – Material-Table Library with Axios

By -Ivy Barish
Posted on December 9, 2020February 2, 2022
Posted in Full Stack Development

Overview In this example, we will build a small react app with Material UI, Material-Table, and Axios. The Material-Table library is great option for a feature rich data grid that handles pagination, sorting, filtering, in-line edits, and grouping. The library is well documented like Material UI and has over 100k downloads a week. Using Axios,