Auto Added by WPeMatico

Angular Digest (1 — 7 April)

Angular Digest (1 — 7 April)What to Expect in Angular 8Angular 8 is just around the corner. Although the Angular team has been a bit circumspect about precisely when version 8 will be released, they recently revealed that version 8 would arrive in March or April.What to Expect in Angular 8Building an extensible Dynamic Pluggable Enterprise Application with AngularIn this article, we will talk about how we can leverage Angular CLI build tools to create an AOT precompiled Angular plugin,…

Continue Reading

Build a chat application in Dart (Part 3)

Learn how to develop a real-time chatroom using Dart libraries and Bulma CSSIn Part 2 we refactored our solution by splitting the Sign in and Chat room logic into View classes, building a Router object to transition between the screens. We will complete the full flow here by implementing our WebSocket connection and managing each of the chatters in our Chat room. At the end of this tutorial we will have a functioning chat application.1.…

Continue Reading

Why Choose The NineHertz for the Fantansy Cricket App Development?

Fantasy sports app is highly successful among people because it provides fun and excitement besides the opportunity to be part of their favorite sports, virtually. The app caters to a variety of sports such as football, Kabaddi basketball, volleyball, etc.A few years back during the time of cricket match, fans used to be thrilled and excited with every fall of a wicket, a catch or a boundary scored and other such sequences. But with…

Continue Reading

Getting Started with Uber’s Base Web

Base UI by Uber DesignLet’s build a password generator! 🛠In this post, we take a look at Base Web. It’s Uber’s component library offering for React apps. Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.A major selling point for Base Web is its clever customization solution. This gives you a high level of control over components. This is key when extending components or if you…

Continue Reading

Cool uses of the ::before and ::after pseudoelements

Cool uses of the ::before and ::after pseudoelementsI have a confession to make: I kind of love the ::before and ::after pseudoelements.They’re like a couple of henchmen along on any styling adventure.Like never having to face the world alone — for everywhere there was 1, there is now 3.3 times the power. 3 times the number of styleable pieces. 3 times the amazing visual effects you can create.What are pseudoelements?Now if you’ve never encountered ::before and ::after before, you may be asking “what is…

Continue Reading

Data Visualization and Web Reporting with Angular

Lately, I’ve found a problem. I was looking for fully customizable web components, which would be easy to integrate with and can serve as embedded BI tools for analyzing, reporting and visualization in my application.I’m using Angular so as a result, it is harder to find the solutions compatible with it. I think I’m not the one who faced such problem so let me share my experience.Being an Angular user, I’d also like to…

Continue Reading

Oh, VisBug! — Make any webpage feel like an artboard

Oh, VisBug! — Make any webpage feel like an artboard 🎨Google is always at the frontiers of creating daring and life-changing developers tools, thanks to Chrome Developers, a really neat tool was introduced at Chrome Developers summit last year’s day 1 Keynote session (14th of November precisely). They call it: Project Visbug.Skip over to time 23:00 or watch the whole thing if you want 😃Project Visbug or Visbug! What is it?You might be a designer needing to communicate changes to…

Continue Reading

Guide: Building а Landing Page with GatsbyJS

GatsbyJS is a Javascript framework built upon the ReactJS framework and integrates Webpack with GraphQl, to give you an awesome development experience.As a beginner, if you are not willing to go through the stress of learning the ReactJS framework or GraphQl, GatsbyJS is a suitable starting point for you. Moreover, it has detailed documentation to transform you from beginner to expert in a short time.Getting Started With GatsbyJSAlright, before developing our fancy landing page, I would…

Continue Reading

Does any harm? #typescript

Why not to use “any” anywhere.Photo by Isaac Benhesed on Unsplash edited by Kunal PanchalTypeScript is a superset of JavaScript which primarily provides optional static typing, classes, and interfaces. Many of us JS maniacs love typescript as its strongly typed. The State of Javascript survey states that more than 46% of users have Used it, would use again. Typescript is the 4th Most Loved, Dreaded, and Wanted Languages according to StackOverflow surveys 2018. Those are…

Continue Reading

Static Site Generators: Gatsby, Hugo, Jekyll

Websites rule the web, be they static or dynamic. While a lot of sites are dynamic today, the static ones are still quite popular. In fact, there is a rise in the use of static sites.In this article, you will see a comparison of three of the best static site generators out there, their strengths, weakness and why you should use them.Static site generators make building static sites a piece of cake. Imagine having to do…

Continue Reading

So What is OData Anyway?

Exploring a use case for OData and implementing a simple TypeScript example.The example we develop in this article is available for download.Have you heard about OData?OData (Open Data Protocol) is an ISO/IEC approved, OASIS standard that defines a set of best practices for building and consuming RESTful APIs. OData helps you focus on your business logic while building RESTful APIs without having to worry about the various approaches to define request and response headers, status…

Continue Reading

Tech Stack 2019: Authentication

Using the Auth0 software as a service (SASS) to authenticate an application.This is one of a number of articles that add incremental functionality to the frontend and backend applications developed in the article Tech Stack 2019: Core.The final result of this article is available from the auth branches of the tech-stack-2019-backend (auth) and tech-stack-2019-frontend (auth) repositories.Also, it is somewhat ironic that it took me this long to getting around to writing an article in this…

Continue Reading

Tech Stack 2019: Secured Binaries

Simple walkthrough of securing binaries.This is one of a number of articles that add incremental functionality to the frontend and backend applications developed in the article Tech Stack 2019: Core.The final result of this article is available from the binary branch of the tech-stack-2019-backend repository.MotivationHaving just finished writing another article in this series on authentication and securing an API, my thoughts turned to how to secure binaries, e.g., say we wanted to only serve up…

Continue Reading

Schedule Background Jobs Using Hangfire in .NET Core

Schedule Background Jobs Using Hangfire in .NET CoreYou might have found a variety of use cases of background tasks or scheduled jobs in application development. For example, we can delegate long running tasks to background threads. Most importantly, we sometimes need to schedule background jobs to keep domain models in consistent states, especially when the model state is mutated due to a time-triggered event.This post is neither to discuss the differences between Hangfire and native .Net Core…

Continue Reading

CSS’ sibling combinators in 2 minutes

Photo by Uriel Soberanes on UnsplashOften overlooked, sometimes forgotten 😭Most of those familiar with CSS will have a good idea of what the following CSS does;Nothing scary here 👻The overlooked selectorsHow about these rules?These are sibling selectors using the selector combinators tilde(~) and plus(+).~The tilde(~) character selects all siblings that succeed a given element.Consider a calendar;Image we wanted to reduce the opacity of all days succeeding today;This would result in;You might not use it often but it can be very useful…

Continue Reading

Here’s how I built my very own pausable RxJS operator

On how to stop and restart a stream of eventsMarble-like diagram for a pausable observable based on switchMapTL;DRGo to the Confetti! section at the end of this post and check out the gist.The problemI was recently tuning a service worker for an Angular application and came across this very simple RxJS problem: how to pause and resume a steady stream of events coming from an interval observable?The solutionBefore we dive into details, I need to clarify…

Continue Reading

Data Driven Forms in React

An example of dynamically generating forms.MotivationWe are working on an application that increasingly requires more flexibility; as it is being deployed we are finding variations in business logic both over time and space (divisions of a large enterprise). In large part, these variations manifest themselves in differing fields, field ordering, field labeling, and validation rules in a number of forms.To date, we have been managing these variations with logic within the form’s code; it has…

Continue Reading

React 360 by Example: Part 4

Making the experience more compelling with animation, 3D, and audio.This article is part of a series starting with React 360 By Example: Part 1.note: The final result of this article is available in the animated branch of the repository larkintuckerllc/hello-react-360.AnimatedAnimations are an important part of modern UX, and the Animated library is designed to make them fluid, powerful and easy to build and maintain. Animated makes it possible to toggle the size, position, and appearance of…

Continue Reading

React 360 by Example: Part 3

Making our VR application interactive.This article is part of a series starting with React 360 By Example: Part 1.note: The final result of this article is available in the flat branch of the repository larkintuckerllc/hello-react-360.The GoalIn order to illustrate a number of additional React 360 concept, we will build an application that:Uses the equilateral photo from a 3D scene we examined in the previous article (with four objects around the camera)Has green clickable circles in front…

Continue Reading

React — Code Your Own DataTable Step by Step (Video Tutorial)

React — Code Your Own DataTable Step by Step (Video Tutorial)Code a working version of a simple data table using no 3rd party library and using pure React.Broaden your tech vision by building advanced compoenentsThe video tutorial can be watched here (It’s an extract from my udemy course)https://medium.com/media/a2e2a5344bf40a7422b72243bb6b27ea/hrefThe following features are covered in the above tutorial✅ Binding data to the datatable dynamically✅ Searching on multiple columns/fields✅ Sorting✅ Pagination with customization✅ Reorder columns by dragging and dropping✅ Custom Cell renderer using…

Continue Reading
Close Menu
Skip to toolbar