NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

WEBIX BLOG

Mastering React Integration: Updated Webix-React Demos

According to the 2024 Development Survey carried out by Stack Overflow, React is on the list of most popular technologies for web development. It holds the top position in the ranking among professional developers with the highest score of 41.6% and it ranks second among all the respondents with the score of 39.5%. Statistics shows that React confidently keeps the lead in the development community and on the market staying ahead of Angular and Vue.js.

Mastering React Integration: Updated Webix Demos

Webix Hub: Your Digital Treasure Chest for Web Development

For centuries, buried treasure has captivated the imaginations of explorers and adventurers. The chance of uncovering a chest overflowing with glittering coins, jewels, and other riches is an exciting prospect. In many ways, Webix Hub is like a digital treasure chest, overflowing with nuggets of code and helpful tools for web development. So join us on this journey as we explore the many treasures contained within our GitHub repositories. Let’s start digging into this bounty!


Creating a Location Viewer App with Webix UI

Just a couple of years ago, it was hard to imagine that remote work could be the norm of everyday life. But today, it is a common thing. A lot of employees don’t want to spend precious time commuting during rush hour to their workplace in the center of a huge city.

There are much more pleasant things to do instead. You can spend this time reading a fascinating book, drinking a cup of coffee and petting your beloved cat. All of these things can be done while sitting on a balcony overlooking the sea. Do you think it is only a dream? No! It is the daily routine of many IT professionals and not only.

Based on such specifics of work, the company’s managers may have additional worries. It is about tracking the location of staff and synchronizing their work schedules. And in this article, I’m going to show you how to solve such difficulties using the Webix components and third-party solutions.

You can find the full source code and a live demo here.

Location Viewer App

Creating a Playlist App with Webix UI

In the world of innovative technologies, it is hard to imagine a person who has never listened to music online. I suppose that most of the developers have tried to write their own playlist at least once. And I am no exception 🙂 In this article, I want to show you how to create a small Playlist app using the capabilities of the Webix UI library.

Playlist

iFact: Developing a Webix-based invoicing application

This is a guest post by Dragos Stoica.

iFact: Developing a Webix-based invoicing application

The initial task

My objective was to design and implement a simple application allowing me to manage my freelance business. The application is called iFact and is available on github. The basic activity consists in getting contracts with clients, performing the work or service and invoicing the client. Also, I needed to manage the invoice flow and to have a minimal dashboard for cash flow control. The volume of invoices is low: from one to a couple of invoices per month. The number of clients and contracts per client is low, it means 5 to 10 clients with 1-3 contracts per client, normally one single contract active at any given moment in time.

Using reCaptcha in the Webix Form

Bots are around us. Some of them are good and they help us in everyday tasks, but some are evil and attempt to steal our information. If you are familiar with web development and forms, in particular, you may have faced certain security issues like abusive form input from bots. Measures need to be taken to make your website or web application safer, and using reCaptcha is one of them. Despite Webix does not offer such a widget of its own, there is a solution to it.

Let’s take a closer look at this way of protecting websites and web applications from spam and abuse. I will not discuss the server side of reCaptcha validation in the article, I will only show you the client side logic.

Webix Form with reCAPTCHA

D3 Charts: Integration and Examples

Being keen on data management and visualization, Webix always stays flexible and open for interaction with other frameworks, so your creativity will never be limited. The UI library can easily welcome your favourite maps, text editors and visual data-driven tools like Sigma, Raphael and D3 charts in addition to JS Chart widget.
D3 Charts: Integration and Examples

Atom Electron and Webix UI: An Example of Building Cross-platform App

Electron is an open-source framework that allows you to develop cross-platform desktop apps using web technologies such as JavaScript, HTML and CSS.

If you’re a web developer that has an idea of an app that no one can live without, you may wish to enlarge your audience by creating a desktop version as well. But multi-platform desktop application development involves the use of many different technologies, which significantly complicates the task.

image00

The main aim of this article is to learn how you can create cross-platform applications using Webix JavaScript Library and Electron. Besides that, we’ll use Node.js for the server-side part of our project and gulp to build project.

1 2 3