--- a/devtools/client/dom/content/components/main-toolbar.js
+++ b/devtools/client/dom/content/components/main-toolbar.js
@@ -6,17 +6,17 @@
 "use strict";
 
 // React
 const React = require("devtools/client/shared/vendor/react");
 const { l10n } = require("../utils");
 
 // Reps
 const { createFactories } = require("devtools/client/shared/react-utils");
-const { Toolbar, ToolbarButton } = createFactories(require("devtools/client/jsonview/components/reps/toolbar"));
+const { Toolbar, ToolbarButton } = createFactories(require("devtools/client/jsonview/components/reps/Toolbar"));
 
 // DOM Panel
 const SearchBox = React.createFactory(require("devtools/client/shared/components/SearchBox"));
 
 // Actions
 const { fetchProperties } = require("../actions/grips");
 const { setVisibilityFilter } = require("../actions/filter");
 

rename from devtools/client/jsonview/components/headers.js
rename to devtools/client/jsonview/components/Headers.js

rename from devtools/client/jsonview/components/headers-panel.js
rename to devtools/client/jsonview/components/HeadersPanel.js
--- a/devtools/client/jsonview/components/headers-panel.js
+++ b/devtools/client/jsonview/components/HeadersPanel.js
@@ -6,18 +6,18 @@
 
 "use strict";
 
 define(function (require, exports, module) {
   const { DOM: dom, createFactory, createClass, PropTypes } = require("devtools/client/shared/vendor/react");
 
   const { createFactories } = require("devtools/client/shared/react-utils");
 
-  const { Headers } = createFactories(require("./headers"));
-  const { Toolbar, ToolbarButton } = createFactories(require("./reps/toolbar"));
+  const { Headers } = createFactories(require("./Headers"));
+  const { Toolbar, ToolbarButton } = createFactories(require("./reps/Toolbar"));
 
   const { div } = dom;
 
   /**
    * This template represents the 'Headers' panel
    * s responsible for rendering its content.
    */
   let HeadersPanel = createClass({

rename from devtools/client/jsonview/components/json-panel.js
rename to devtools/client/jsonview/components/JsonPanel.js
--- a/devtools/client/jsonview/components/json-panel.js
+++ b/devtools/client/jsonview/components/JsonPanel.js
@@ -10,18 +10,18 @@ define(function (require, exports, modul
   const { DOM: dom, createFactory, createClass, PropTypes } = require("devtools/client/shared/vendor/react");
   const TreeViewClass = require("devtools/client/shared/components/tree/TreeView");
   const TreeView = createFactory(TreeViewClass);
 
   const { REPS, MODE } = require("devtools/client/shared/components/reps/reps");
   const { createFactories } = require("devtools/client/shared/react-utils");
   const { Rep } = REPS;
 
-  const { SearchBox } = createFactories(require("./search-box"));
-  const { Toolbar, ToolbarButton } = createFactories(require("./reps/toolbar"));
+  const { SearchBox } = createFactories(require("./SearchBox"));
+  const { Toolbar, ToolbarButton } = createFactories(require("./reps/Toolbar"));
 
   const { div } = dom;
   const AUTO_EXPAND_MAX_SIZE = 100 * 1024;
   const AUTO_EXPAND_MAX_LEVEL = 7;
 
   function isObject(value) {
     return Object(value) === value;
   }

rename from devtools/client/jsonview/components/main-tabbed-area.js
rename to devtools/client/jsonview/components/MainTabbedArea.js
--- a/devtools/client/jsonview/components/main-tabbed-area.js
+++ b/devtools/client/jsonview/components/MainTabbedArea.js
@@ -5,19 +5,19 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 "use strict";
 
 define(function (require, exports, module) {
   const { createClass, PropTypes } = require("devtools/client/shared/vendor/react");
 
   const { createFactories } = require("devtools/client/shared/react-utils");
-  const { JsonPanel } = createFactories(require("./json-panel"));
-  const { TextPanel } = createFactories(require("./text-panel"));
-  const { HeadersPanel } = createFactories(require("./headers-panel"));
+  const { JsonPanel } = createFactories(require("./JsonPanel"));
+  const { TextPanel } = createFactories(require("./TextPanel"));
+  const { HeadersPanel } = createFactories(require("./HeadersPanel"));
   const { Tabs, TabPanel } = createFactories(require("devtools/client/shared/components/tabs/Tabs"));
 
   /**
    * This object represents the root application template
    * responsible for rendering the basic tab layout.
    */
   let MainTabbedArea = createClass({
     displayName: "MainTabbedArea",

rename from devtools/client/jsonview/components/search-box.js
rename to devtools/client/jsonview/components/SearchBox.js

rename from devtools/client/jsonview/components/text-panel.js
rename to devtools/client/jsonview/components/TextPanel.js
--- a/devtools/client/jsonview/components/text-panel.js
+++ b/devtools/client/jsonview/components/TextPanel.js
@@ -5,17 +5,17 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 "use strict";
 
 define(function (require, exports, module) {
   const { DOM: dom, createFactory, createClass, PropTypes } = require("devtools/client/shared/vendor/react");
 
   const { createFactories } = require("devtools/client/shared/react-utils");
-  const { Toolbar, ToolbarButton } = createFactories(require("./reps/toolbar"));
+  const { Toolbar, ToolbarButton } = createFactories(require("./reps/Toolbar"));
   const { div, pre } = dom;
 
   /**
    * This template represents the 'Raw Data' panel displaying
    * JSON as a text received from the server.
    */
   let TextPanel = createClass({
     displayName: "TextPanel",

--- a/devtools/client/jsonview/components/moz.build
+++ b/devtools/client/jsonview/components/moz.build
@@ -4,15 +4,15 @@
 # License, v. 2.0. If a copy of the MPL was not distributed with this
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 DIRS += [
     'reps'
 ]
 
 DevToolsModules(
-    'headers-panel.js',
-    'headers.js',
-    'json-panel.js',
-    'main-tabbed-area.js',
-    'search-box.js',
-    'text-panel.js'
+    'Headers.js',
+    'HeadersPanel.js',
+    'JsonPanel.js',
+    'MainTabbedArea.js',
+    'SearchBox.js',
+    'TextPanel.js'
 )

rename from devtools/client/jsonview/components/reps/toolbar.js
rename to devtools/client/jsonview/components/reps/Toolbar.js

--- a/devtools/client/jsonview/components/reps/moz.build
+++ b/devtools/client/jsonview/components/reps/moz.build
@@ -1,9 +1,9 @@
 # -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
 # vim: set filetype=python:
 # This Source Code Form is subject to the terms of the Mozilla Public
 # License, v. 2.0. If a copy of the MPL was not distributed with this
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 DevToolsModules(
-    'toolbar.js',
+    'Toolbar.js',
 )

--- a/devtools/client/jsonview/json-viewer.js
+++ b/devtools/client/jsonview/json-viewer.js
@@ -4,17 +4,17 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 "use strict";
 
 define(function (require, exports, module) {
   const { render } = require("devtools/client/shared/vendor/react-dom");
   const { createFactories } = require("devtools/client/shared/react-utils");
-  const { MainTabbedArea } = createFactories(require("./components/main-tabbed-area"));
+  const { MainTabbedArea } = createFactories(require("./components/MainTabbedArea"));
 
   const json = document.getElementById("json");
 
   let prettyURL;
 
   // Application state object.
   let input = {
     jsonText: json.textContent,