cf-devenv
Advanced tools
Readme
#Overview
Awesome dev environment. Gratefully lifted from gaearon/redux-devtools/tree/master/examples/todomvc.
Right now:
##Quick start One line install. Installs dependencies, sets up some template files:
wget https://raw.githubusercontent.com/calvinfroedge/devenv/master/installer.sh && sh installer.sh
##Installing
npm install --save-dev cf-devenv
Create a file called start.js. Make sure you have this in your package.json:
"scripts": {
"start": "node start.js"
}
...with this content:
require('cf-devenv')(__dirname);
When you call npm start this will run the dev server.
Your app entry point is index.js and you'll need an index.html to serve the content from, which should include index.js (examples below).
##Customizing
If you need to customize your config (for example, to add loaders, aliases, etc.), you can pass a second argument when you require cf-devenv and customize the config with the function you set as the value of the transform key:
require('cf-devenv')(__dirname, {
transform: function(config){
config.module.loaders.push({
test: /\.json$/,
loader: 'json'
});
return config;
}
});
Any packages you install in your main project that webpack needs should still be picked up.
##Boilerplate (gets you started with a page with content, hot reloading)
index.html
<html>
<head>
<title>DevEnv</title>
</head>
<body>
<div id="root">
</div>
</body>
<script src="/static/bundle.js"></script>
</html>
index.js
import React from 'react';
import App from './App';
import './style.css';
React.render(
<App />,
document.getElementById('root')
);
App.js
import React, { Component } from 'react';
export default class App extends Component {
render() {
return (
<div>
<h1>Hello, world! (try changing me)</h1>
</div>
);
}
}
style.css
body {
background-color: black;
color: #fff;
font-family: Helvetica;
text-align:center;
padding-top: 30%;
}
#Customize
port:
devenv(__dirname, {port: 8080});
FAQs
calvinfroedge devenv, extracted from redux
The npm package cf-devenv receives a total of 10 weekly downloads. As such, cf-devenv popularity was classified as not popular.
We found that cf-devenv demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
This episode of the Risky Biz podcast discusses how the rise of small open source packages and the shift towards individual maintainers makes the ecosystem more vulnerable to supply chain attacks.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.