Use rjsx-mode for ReactJS instead of web-mode

modules/siren-jsx.el

@@ -6,8 +6,23 @@
 
 ;;; Code:
 
-(require 'siren-web-mode)
-(add-to-list 'auto-mode-alist '("\\.jsx\\'" . web-mode))
+(require 'siren-prettier-js)
+
+(use-package rjsx-mode
+  :mode "components\\/.*\\.js\\'"
+
+  :hook (rjsx-mode . siren-rjsx-mode-setup)
+
+  :init
+  (defun siren-rjsx-mode-setup ()
+    (siren-prog-mode-setup)
+
+    (prettier-js-mode)
+    (company-mode +1)
+    (subword-mode +1)
+    (hs-minor-mode 1)
+    (highlight-indentation-current-column-mode)
+    (hideshowvis-enable)))
 
 (provide 'siren-jsx)
 ;;; siren-jsx.el ends here

modules/siren-prettier-js.el

@@ -0,0 +1,16 @@
+;;; siren-prettier-js.el --- jimeh's Emacs Siren: prettier-js configuration.
+
+;;; Commentary:
+
+;; Basic configuration for prettier-js package
+
+;;; Code:
+
+(use-package prettier-js
+  :hook (prettier-js-mode . siren-prettier-js-mode-setup)
+
+  :init
+  (defun siren-prettier-js-mode-setup ()))
+
+(provide 'siren-prettier-js)
+;;; siren-prettier-js.el ends here