Develop Reference

React Project Looking Different on Localhost and gh-pages enviornment

React beginner here trying to make a portfolio. I ran into an issue which I could not find any answers for hence posting here.
My project uses react-mdl and particularly the projects page, which uses a <Grid/> component. When I view my project in a mobile interface (tested on FireFox and Chrome dev tools as well as a mobile device (OnePlus 7 Pro)), I get my desired layout. However, when I pushed the same code to Github Pages, the layout was remarkably different and certainly not appealing to the eyes.
The following screenshots should explain it better
Localhost view
Github Pages View
I am not necessarily sure what exactly is causing the issue and have tried multiple "fixes" which have unfortunately not worked out thus far and would really appreciate a push in the right direction.
I also apologize for linking the code and not posting it directly, however, I did not wish to clutter the post with that much media since the files are relatively big.
Thank you in advance and please let me know if I can provide any more information, I would be very pleased to.

It looks like the public folder in your repository hasn't changed in the last month. If you aren't building your project before deploying it to gh-pages then your live website will be using an older version which likely has these formatting issues.
Use npm run build, and then npm run deploy. This will update your public folder with the latest changes you have made, and then deploy these newer changes.
You can read more about the public folder for your CRA here - https://create-react-app.dev/docs/using-the-public-folder/

NextJS - when I make a change in my project's file, a strange "cache/typescript/2.9/node_modules/#types/react'" appear on my imports

All is in the title. I'm working in NextJS. When I make a change in the organization of my project's file, a strange message
".cache/typescript/2.9/node_modules/#types/react'"
appears on my imports, specifically my Reactjs's imports. I have tried to retrace the problem by Googling but I have found nothing helpful. Does anyone know what that means? Any hint would be great.

That was simply a fail with some version of VSCode, after having realized an update to the latest version it works well now.

JS works until I bring it into a foundation Framework

I am working on a project where I want to make it look as if a shutter of a camera is opening and closing... I was able to get this to work in a regular html/css/js file structure however when I trie to bring/ incorporate it into Foundations Responsive Frameworks I was not able to get it to work. There are no errors in the console and checked to make sure everything is linked correctly. ... I have attached both folders in the link, the working folder that is not in a framework and the broken folder that I am trying to use foundations framework..
https://drive.google.com/folderview?id=0B4EHdofHefLHZjZpczBybE1xWGs&usp=sharing
Thank you in advance for any feedback/help.
-Jake

Unfortunately, I cannot fix it.
Fortunately, I did figure out the problem.
The jquery.shutter.css is not loading properly. Here is my attempt at your project in React.
When I take your working example and delete the jquery.shutter.css file, I get the exact same result as the React version which has no error message. I gave it a good try and cannot fix it without more time. I hope knowing the problem helps you.
Note: Unfortunately Google will not let me upload a JSON file so you will have to change package.txt to package.json and install using Node

React Native - React.createElement is Not a Function

Figured I would see what React Native is all about, so I followed the instructions here and can't even get the out of the box project to run correctly. Chrome dev tools throws all sorts of errors. Here is the stack trace shown in the simulator, anybody else run into this?

It seems like what may have happened here is that you named your project "React". The CLI replaces the word "SampleApp" with the name that you specified in the sample files that it generates.
This is the original file here: https://github.com/facebook/react-native/blob/master/Examples/SampleApp/index.ios.js You can see where it has "SampleApp" in a few places where on your file has "React" for all of them.
It really wasn't your fault, the CLI just needs to be a little smarter and not allow someone to create a project named "React". :)

I got the same error when I used different version of JSXTransformer.js and react.js . Using 0.13.3 from cdn solved the problem. https://cdnjs.com/libraries/react/

What is the recommended why of using derby.js

I'm trying to figure out how to install and use derby.js.
I have installed node.js version: 0.8.17
I have cloned derby from github, and installed, version: 0.3.13
I have installed derby-examples, also version 0.3.13
The examples don't really work.. the page renders but nothing dynamic happens.
What am I doing wrong?
What is the correct why of working with derby? should I install with the package available with npm, or do I need to use github?
I can't make it to work... going crazy
Thanks!

I hope this helps someone:
I managed to solve my problems after finding this wiki-page:
https://github.com/codeparty/derby/wiki/Using-Derby-%22Edge%22

From version 0.5 you can just use npm version.

I was having trouble too until I encountered https://github.com/derbyparty/generator-derby
Try running this with all the advanced options turned off, it gives a nice working starting point for new Derby projects. There is no dynamic behavior though, you'll need to add that yourself. I found that a good starting point is modifying the app based on the steps explained in this Multi-Player Notepad video https://www.youtube.com/watch?v=V0DOGXmaT3g