Add option for generating functional component

Author: ahangarha

lib/generators/react/component_generator.rb

@@ -65,6 +65,12 @@ class ComponentGenerator < ::Rails::Generators::NamedBase
                    default: false,
                    desc: 'Output coffeescript based component'
 
+      class_option :function,
+                   type: :boolean,
+                   default: false,
+                   aliases: '--func',
+                   desc: 'Output function based component'
+
       REACT_PROP_TYPES = {
         'node' =>        'PropTypes.node',
         'bool' =>        'PropTypes.bool',
@@ -126,6 +132,8 @@ def create_component_file
           'js.jsx.coffee'
         elsif options[:ts]
           'js.jsx.tsx'
+        elsif options[:function]
+          'func.jsx'
         elsif options[:es6] || webpacker?
           'es6.jsx'
         else

lib/generators/templates/component.func.jsx

@@ -0,0 +1,20 @@
+<%= file_header %>
+function <%= component_name %>() {
+  return (
+    <React.Fragment>
+<% attributes.each do |attribute| -%>
+      <%= attribute[:name].titleize %>: {this.props.<%= attribute[:name].camelize(:lower) %>}
+<% end -%>
+    </React.Fragment>
+  );
+}
+
+<% if attributes.size > 0 -%>
+<%= file_name.camelize %>.propTypes = {
+<% attributes.each_with_index do |attribute, idx| -%>
+  <%= attribute[:name].camelize(:lower) %>: <%= attribute[:type] %><% if (idx < attributes.length-1) %>,<% end %>
+<% end -%>
+};
+<% end -%>
+
+<%= file_footer %>