Why Nodes?

One of the problems with regular expressions is that they get quite messy very quickly. Operator precedence is not always obvious and can be misleading Nodes are a visual hierarchy in contrast to a line of text, which cannot simply be broken into several lines or indented, because that would alter the meaning of the expression. Nodes can be rearranged however you like.

Also, Nodes offer various other advantages, such as reusing, grouping and parameterizing expressions, and automatic optimizations.

Dive into samples

neurospeech / web-atoms-core

An Advanced MVVM Framework for JavaScript in Web and Xamarin.Forms

Web-Atoms Core

Web Atoms Core is a UI abstraction framework along with powerful MVVM pattern to design modern web and mobile applications.

Features

Abstract Atom Component
Abstract Device API (Browser Service, Message Broadcast)
Theme and styles support without CSS
One time, One way and Two way binding support
Simple dependency Injection
In built simple unit testing framework
CommonJS module support
Full featured MVVM Framework with powerful validation
Single code base for Business Logic (View Model + Services) for Web as well as Mobile (through Xamarin.Forms)

Folder structure

All views for web must be placed under "web" folder inside "src" folder.
All views for Xamarin Forms must be placed under "xf" folder inside "src" folder.

Example folder structure

src
+--images
|  +--AddButton.svg
|
+--view-Models
|  +--TaskListViewModel.ts
|  +--TaskEditorViewModel.ts
|
+--web
|  +--tasks
|     +--TaskListView.html
|     +--TaskEditorView.html
|
+--xf
   +--tasks
      +--TaskListView.xaml
      +--TaskEditorView.xaml

Example View Model

export class UserListViewModel extends AtomViewModel {
    //

…

View on GitHub

Why Startups Should Prioritize Developer Experience Over Everything Else

Alexander Neitzel - Dec 1

React Router: React 18 to 19 with Style and Simplicity

Kudzai Murimi - Nov 30

Java vs. JavaScript: Which Language Reigns Supreme in Modern Development?

Mercy - Nov 30

The 5 Stages of Grief in Tech Layoffs - a story

Silvia España Gil - Dec 11

Top comments (12)

Johannes Vollmer • Jun 21 '19

I just built a node-based editor for regular expressions and I am currently writing a dev.to post about that. If you want to know something about this project, let me know!

Obikoya Emmanuel • Jun 23 '19

I am interested in the project

Johannes Vollmer • Jun 23 '19 • Edited

Great! If you have feedback or if you want to know specific aspects, let me know :)

You can also add issues:

johannesvollmer / regex-nodes

Visualize and edit regular expressions for use in javascript

Regex Nodes

This node-based regular expression editor helps you understanding and editing regular expressions for use in Javascript If your regular expressions are complex enough to give this editor relevance you probably shouldn't use regular expressions, haha.

Core Features

Construct regular expressions using a visual editor
Load existing regular expressions as Node graph for easier analyzing and visualization
Use the generated expression in Javascript
See effects of the regular…

Lisa Cee • Jun 22 '19

I am making a React app that pulls its data from the MovieDB API. I'm planning on putting it in my portfolio, which I'm trying to flesh out. I've got to keep working on projects while I search for my first dev job so that I don't forget how to do EVERYTHING.

Akash Kava • Jun 25 '19

I have built Web Atoms. This was built in 2010 when there were no frameworks, but never had chance to promote it actively, but our business network portal for hollywood is built on it.

Web Atoms is powerful MVVM JavaScript framework completely written in TypeScript, which can be extended to any other platforms. Currently supported on Web and Xamarin.Forms

webatoms.in/samples.html#contextId=0

Akshay Dongare • Jun 21 '19

Am working in companies one of internal project though my role is devolper I have to do support work also with some developing in Spring and JQuery not very interested stuff to do so thinking of starting to contribute to open source projects on GitHub.

Amit Patel • Jun 21 '19 • Edited

I am in techno commercial role, so work on multiple projects.

Architect an analytic application which will record billions of timeseries data everyday. I am working on such a scale first time.
Architect custom CMS (secure, lean, reusable and flexible) to quickly build dynamic marketing websites for businesses

Piyush Kumar • Jun 25 '19

Can you tell me more about the first one?

Antonio Radovcic • Jun 25 '19

At work I'm working front-end on
heinemann-shop.com/en/global/
and
madeleine.co.uk

At home I'm practising the live version of "Neon" by John Mayer on guitar. Fingerpicking/slapping-insanity! I got the main run down, now singing at the same time is the harder part.

Walace Silva • Jun 22 '19 • Edited

I'm working on a side project, it's a Saas to health care. There is many things to do still.

Bashayr Alabdullah • Jun 24 '19

For now I just taking penetration testing labs

Jonathan Kuhl • Jun 24 '19

Working on two things right now:

Finishing a game: github.com/jckuhl/tag
Working through Nand2Tetris, week 1.

View full discussion (12 comments)

DEV Community

What Project Are You Working On?