Auto Added by WPeMatico

JavaScript News and Updates (March 2019)

This time we have plenty of DHTMLX news for you! March has been quite fruitful for us and we’re glad to share our latest updates and developments.New Open-Source ToolsWorking on the export and import abilities of our JavaScript spreadsheet led us to build our own libraries responsible for converting Excel files into different formats. At first, we developed two converters for Excel to JSON and JSON to Excel. These tools enable end users to…

Continue Reading

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

Building an e-commerce android app with fusetools

Fuse Tools is a javascript framework for building world-class ios and android apps using UX markup and javascript. UX markup is for navigation, layout, animation while javascript is for business and application logic. To learn more visit fusetools.comGetting StartedTo get started you need to download Fuse Tools installer from fusetools.com and if you are using windows after Fuse Tools is installed; from the command line you run fuse install android to instal android sdk…

Continue Reading

How I deployed My Vue SPA on Heroku

Photo by Kurt Cotoaga on UnsplashIt was an exceeding finger aching day for me today when I tried deploying my Vue.js app on Heroku. After trying some “known” methods that were in articles and docs, I finally was able to do get it deployed! (With some tweaking on my end though 😏). So let’s see how I did it.Psst: I am assuming you’ve already got a VueJS app and created an Heroku app either via CLI…

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

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

React Has Built-In Dependency Injection

Dependency Injection is a popular pattern that many frameworks implement — but React.js, apparently, doesn’t. It turns out React has a dependency injection system built in JSX, and you probably already use it.What is Dependency Injection?Dependency Injection solves a common problem, which is hardcoded dependencies. When an object A depends on a second object B and creates that second object, then the dependency cannot be changed.For instance, this Calculator class create its own logger service, which cannot be…

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

React JS for Beginners — The Basics

React JS for Beginners — The BasicsReact JS is today's most popular JavaScript Library for building User Interfaces, which has created by Facebook. We can build modern, fast Single Page Applications or websites with React.As a Frontend Developer, I know that React JS is very popular among companies in the Software Industry, but we can also see the increase of React JS popularity in the last 5 years, by Google Trends:React JS Popularity in the last 5 years by…

Continue Reading

React Hooks: Test custom hooks with Enzyme

TL;DR — Wrap your custom hook in a component and shallow render it to test implementation details.React test strategies — user observable behaviour vs implementation detailsTesting custom hooks with EnzymeTest StrategiesThere are broadly two strategies to test our React codebase.Testing user observable behaviourTesting implementation detailsTesting user observable behaviourTesting user observable behaviour means writing tests against components that testhow the component is renderedhow the component is re-rendered when user interacts with the DOMhow props/state control what is renderedConsider the following component — Greetfunction Greet({ user =…

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

Export Objects Array as CSV using TypeScript

Photo by Carlos Muza on UnsplashEnd users might want to download data from a web page so that users can keep a copy of data or do some magic tricks in Excel. Today, I will show a way to export an array of objects as a CSV file using TypeScript. You can view the demo here.https://medium.com/media/9a2cc6f0c40a48ab16f09f50189c0316/hrefShow me the codeThe code snippet below shows a service class CsvDataService which has a static method exportToCsv.https://medium.com/media/1a3f8d2da5b583bd98156a88840f367c/hrefThe usage is very straightforward…

Continue Reading

What the Hook? Learn the basics of Tapable

What is TapableTapable is a library that creates hooks for plugins. It is a core library of webpack, a popular module bundler. What makes Webpack powerful is you can write custom plugins. Tapable creates this powerful custom plugin system using hooks.What are hooksHooks allow other users to get notified of important events, and run the other user’s code when that important event happens. You’ve probably seen this before. The browser exposes many hooks for you to tap…

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

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

JavaScript News and Updates (February 2019)

In today’s review of JavaScript news, we’ll consider what new features were implemented in dhtmlxGantt 6.1 and dhtmlxRichText 1.1. Also, we’ll review two new tools. The first one allows visualizing JavaScript codebase in an easy-to-read way. The second one is a lightweight Angular kanban board. Besides that, according to our tradition, we’ll share some useful tips and articles.New Tools and UpdatesdhtmlxGantt 6.1dhtmlxGantt is a JavaScript Gantt chart library that allows creating online project management applications…

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

5 Questions for Building a Monorepo

Before diving into Lerna, Bit and other monorepo tools, think what you’re building, who you’re building it for and why.The overhead around managing multiple packages in multiple repositories has been leading many teams to explore the old-new concept of a monorepo.Today, this doesn’t mean a huge spaghetti codebase but rather having a repository where multiple packages are hosted in and published from.This repository can be an application, a shared library or any other structure containing…

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