JavaScript

allowOnly2Decimals: function (e1, event) {                
                var boxId = '#' + event.path[0].id;

                if ((event.keyCode == 190) || (event.keyCode == 110)) {
                    this.decimalPressed = true;
                }

                if (this.decimalPressed) {
                    var t = e1.toString().split('.');

                    if (t[1] != null) {
                        if (t[1].length == 2) {
                            this.limitDecimal = e1;                           
                            $(boxId).val(e1);
                        }

                        if (t[1].length >= 2) {
                            e1 = this.limitDecimal;
                            $(boxId).val(e1);

                            return false;
                        }
                    }
                }                          
            }

@ model IEnumerable<WebAppV2.Models.CalendarEvent>

<script>

    document.addEventListener('DOMContentLoaded', function () {
        var calendarEl = document.getElementById('calendar');

      var json = @ Html.Raw(Json.Serialize(@ Model));

        var calendar = new FullCalendar.Calendar(calendarEl, {
            initialDate: '2021-01-01',
            editable: false,
            selectable: false,
            businessHours: true,
            dayMaxEvents: true,
            events: [

                {
                    title: json[0].title,
                    start: json[0].start,
                    end: json[0].end
                },

                {
                    title: json[1].title,
                    start: json[1].start,
                    end: json[1].end
                },

                {
                    title: json[2].title,
                    start: json[2].start,
                    end: json[2].end
                },

            ]
        });

        calendar.render();
    });

</script>

This project is a port of rails scaffold generate for React. You can learn more about Rail's scaffold generator here. I mainly used it for its MVC (model, view, controller) generator. It abstracted CRUD operations, form generation, form validation, list-detail presentation pages, database migrations, SQL queries through ActiveRecord, and styling all with one command.

This project leverages file templating, dynamic form generation, routing and CRUD state management to apply those concepts to React and supercharge any project by skipping lots of boilerplate setup. Create an entire app in one command.

Check out the full details of the project[[GitHub - DrewWeth/react-scaffold-generate: Scaffold generator for React projects](https://github.com/DrewWeth/react-scaffold-generate)]

const characters = [
      { name: 'Jean-Luc Picard', age: 59 },
      { name: 'Will Riker', age: 29 },
      { name: 'Deanna Troi', age: 29 }
      ];
const result = characters.map(function (item) 
{
  const nameArray = item.name.split(" ")
  return {
    first_name: nameArray[0],
    last_name: nameArray[1],
    age: item.age < 30 ? 'young' : 'old'
  }
})
console.log(result)