dynamic-forms's Introduction

Hello there! 🤖

My username is simomosi and I'm a Software Engineer.

I'm a fan of order and simplicity, so I will help you navigate and discover my projects:

⚡ dynamic forms
- it's a client library to automate progressive filtering and initialisation of dynamic fields in an easy and fast way
- written in TypeScript and Node.js with some Webpack magic ✨
🏁 advent of code
- my partecipation on the advent of code hackaton in 2022 and 2023
- solved using Python
🎨 react portfolio
- my personal portfolio with some technologies listed
- written in TypeScript with Next.js, a React framework
- implemented a Continuous Delivery workflow with Github Actions to automatically deploy on github pages everytime I make a change
📸 computer vision algorithms
- Software for simple use of low-level Computer Vision Algorithms to clean and optimize photos
🧠 machine learning MNIST
- a Neural Network to recognise images with hand-written digits stored in the MNIST database
🔎 treasure hunt
- online multiplayer treasure hunt game
- written client-server communication from scratch using C
👾 pokedex-vue
- it's a digital pokédex to get info about Pokémon!
- it's just a fun project to play with Vue.js
💾 see other projects in my profile (if you've read this far ask me about private ones 🔒)

I've been a contributor of the following open source projects:

📌 italia/bootstrap-italia - the frontend framework for italian public administration
- Fix typos in documentation (link)
- Reported missing functionalities in documentation (link)
- Found out inconsistent behavior across different browsers (link)
📌 1hanzla100/developer-portfolio - a portfolio template for engineers
- Made code modular with optional sections (link)
- Implemented new functionalities (link)
- Modified project structure fixing bad practices (link)

dynamic-forms's People

Contributors

Stargazers

Watchers

dynamic-forms's Issues

Support nested input names

Currently, passing in a field config with a nested input name throws an error when dynamicForms queries that input element in the DOM. For example:

let myForm = dynamicForms.makeForm({
  fields: [
    {
      name: 'options[showOnMobile]',
      /* ... */
    },
    {
      name: 'options[mobileSize]',
      /* ... */
    },
  ],
  rules: [
    { name: 'options[showOnMobile]', update: [ 'options[mobileSize]' ] },
    /* ... */
});

Will throw an error Uncaught DOMException: Element.querySelectorAll: '[name=fields[heading]]' is not a valid selector.

It looks like this can easily be fixed by changing the way selectors are given to htmlElement.querySelector().

Use the dynamic form in update configuration

Hi @simomosi,
is it possible to make that dependent fields fetch data at startup in case of update?
Obviously if the field on which they depend has a value.

Recommend Projects