Merge pull request #20 from christinaor/c-feature-branch

Clean DeveloperREADME and add Redux devtools integration documentation

Author: OzairGh

DeveloperREADME.md

@@ -1,51 +1,44 @@
 <div>
-<h1>
-Development Enviroment Setup
-<h1>
+<h1>Development Enviroment Setup</h1>
 
-<h2>
-Getting Started 
-<h2>
+<h2>Getting Started</h2>
 
-<h4>1. Download React Dev Tools from the Chrome Webstore <a href=https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en>
-Click Here To Download
-</a></h4>
+1. <a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en">Download React Dev Tools from the Chrome Webstore Here</a>
 
-<h4>2. Clone down the Reactime repo onto your machine.</h4>
+2. Clone down the Reactime repo onto your machine.
 
-`````
+```
 git clone https://github.com/open-source-labs/reactime.git
-`````
+```
 
-<h4> 3. Install dependencies and build.</h4>
+3. Install dependencies and build.
 
-`````
+```
 cd reactime
 npm install --force
 npm run build
-`````
-<h4> 4. Spin up the demo application. </h4>
+```
 
-`````
+4. Spin up the demo application.
+
+```
 cd demo-app
 npm install
 npm start
-`````
-<br>
+```
 
-<h4>
 5. Add Reactime to your Chrome extensions.
-<br>
-- Navigate to chrome://extensions
-<br>
-- Select “Load Unpacked”
-<br>
-- Choose reactime > src > extension > build
-<br>
-Navigate to http://localhost:8080/ to inspect the demo application using Reactime!
-<br>
-<br>
-<h4>
+
+-   Navigate to chrome://extensions
+-   Select “Load Unpacked”
+-   Choose reactime > src > extension > build
+-   Navigate to http://localhost:8080/ to inspect the demo application using Reactime!
+    <br>
+
 <p align="center">
-<img src="./assets/reactime-dev-setup.gif" />
-</p>
+  <img src="./assets/reactime-dev-setup.gif" />
+</p>
+
+<h2>Documentation for Consideration</h2>
+<h4>Can Reactime be integrated with Redux compatibility so applications using Redux can track state in Reactime?</h4>
+Yes, but it would be very time-consuming and not the most feasible option while Redux devtools exists already. With how Redux devtools is currently set up, a developer is unable to use Redux devtools as a third-party user and integrate its functionality into their own application, as Redux devtools is meant to be used directly on an application using Redux for state-tracking purposes. Since the devtools do not appear to have a public API for integrated use in an application or it simply does not exist, Redux devtools would need to be rebuilt from the ground up and then integrated into Reactime, or built into Reactime directly still from scratch.

README.md

@@ -43,7 +43,7 @@
   <a href="#how-to-use">How To Use</a> • <a href="#features">Features</a> • <a href="https://reactime.io">Website</a> • <a href="#read-more">Read More</a>
 </p>
 
-<b>Reactime 15.0</b> has added a new visualization, allowing users to zone in on individual components of a specific snapshot. Additionally, a number of bug fixes have been implemented.
+<b>Reactime 15.0</b> adds a new visualization, allowing users to zone in on individual components of a specific snapshot. Additionally, a number of bug fixes have been implemented.
 
 Currently, Reactime supports React apps (now including React Router apps) using stateful components and Hooks, with beta support for Recoil and Context API and frameworks like Gatsby and Next.js.