lopezjurip / routed-react Goto Github PK
View Code? Open in Web Editor NEWUsing create-react-app with React Router + Express.js and Docker. This is a naive and simple way where server-side rendering is not required.
Using create-react-app with React Router + Express.js and Docker. This is a naive and simple way where server-side rendering is not required.
Trying to use the stripe npm package for node and was wondering how to send data from the client (react & redux) to the server securly.
Thanks!
I'm at localhost:3000/about and I try to click back, the whole page reloaded, I expect it supposes to be like single page application?
Hi!
Awesome project btw. I would like to set up certain routes in express and have express handle them rather than React Router, how would I go about doing this?
Example:
app.get('/api/v1/test', (req, res) => {
res.json({
staus: 200
});
});
Thanks!
Hi,
I am also testing react-router in the same way you describe in the article. I was hoping to find someone who has updated to RRv4 who is also using functional tests.
I have a sample app here: https://github.com/peter-mouland/react-lego#using-react-router-v4
Have you tried RRv4 with tests yet ?
I have got the following in my test, most of which is fine, except the missed
and redirect
routes don't seem to get hit:
const ReactRoutes = (
<AppRoute >
<Match pattern="/" component={AppRoute} />
<Match pattern="/tests/" component={TestRoute} />
<Match pattern="/another/" component={AnotherRoute} />
<Match pattern="/broken-client-route/" component={BrokenClientRoute} />
<Match pattern="/redirect/" component={RedirectRoute}
onEnter={(_, redirect) => redirect('/tests/')} />
<Miss component={NotFound} />
</AppRoute>
);
describe('Server', function () {
const assets = {
javascript: ["/app.js"],
styles: ["/app.css"]
};
before(() => {
sinon.stub(routes, 'makeRoutes').returns(ReactRoutes);
});
after(() => {
routes.makeRoutes.restore();
});
it('should render NotFound with 404 status when not found', (done) => {
supertest(server)
.get('/route-that-doesnt-exist/')
.expect(404, /Not found/)
.end(done);
});
I believe that is what causes that error on NPM install. The very top of the README here explains that you should now be using SuperTest directly.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.