Hi all, I'm working on rewriting my portfolio milestone in React but I want to leave my other milestones as is and link to them in my app. I'm using create-react-app and I've got my other static HTML/CSS/JS files stored in a structure like e.g. src/portfolio/twitch/index.html. Does anybody know the best way to route to them? If I create a normal <a href="./portfolio/twitch/index.html"> then it just redirects me back to my React app. I looked into React Router but it seems to exclusively want to render a component, which my static HTML pages are not. Any advice on this would be much appreciated.
abraham anak agung
@JheeBz Hi, i never doing that before, but since React is made by component, why don't you link twitch component into your portfolio? you could use react-router Link and your twitch project as a component
I've looked at React Router but it only seems to render React Components. These are static HTML pages.
so what? you can define your static pages as a react component
How would you recommend doing that?
abraham anak agung
your static page is not made with React?
They are not. They're my already completed front-end milestones.
i would just write the static html page as a react component and instruct the react-router what component to inject nto my page base on the route match
@JheeBz then a simple <a> tag to href to your static page will go fine
So copy and paste the HTML into a React component? That's awfully messy, won't I have to de-render the rest of the page?
I just want to open them in a new tab.
then you may use the <a>
Well that's what I've tried to do, but it just renders my React app at the path /portfolio/twitch/index.html.
Hey everyone, i've almost finished my jQuery calculator. Can someone explain me why the last three buttons don't align with the others ? I think there is some margin somewhere but i can't find it. https://codepen.io/Ophe/pen/JOWQJW?editors=1111
which three buttons?
ok wait i try to fix.
@Ophellia just by looking at the calculator, it appears the zero button is to large.
The end of zero button does not line up with your other buttons, 2 & 5 for instance
Looks like I needed to include my static pages in /public. Thanks for your help @sorinr
jheebz sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
@leet-hacks which colors? Than u need if true show colors[i] if false show colors[i+1]
If u want random colors, put your colors in an array and use math.random
var colors = ['white', 'orange', 'blue'];
var color = colors[Math.floor(Math.random()*colors.length)];
console.log(color); something like that and u dont need isColor variable
@leet-hacks Your code always selects the last color in the array. Your i variable you don't need a loop but a global idnex variable if you want to select from the array. Or use the random code as described above
@rajarahull what is the error ?
Thanks @padunk it working fine now
leet-hacks sends brownie points to @padunk :sparkles: :thumbsup: :sparkles: