Clean Code Blog – www.harder-it-consulting.de
Clean Code – Tipps, Tricks for Fullstack React / Java / JavaScript / HTML 5 and more…
When you have difficulties in cloning a repository, there is a quick solution for your local environment:
git config --global http.sslVerify false
Please be aware that this is a global deactivation of certificate verification. This is only a quickfix.
Sometimes, for example on a login, you want to redirect the User to another page in your application.
We assume that your Application has the default address of http://localhost:3000.
In this example, the application has the path localhost:3000 and you can navigate to the news with /news.
import {Redirect} from "react-router-dom";//... your program code goes here...
return(
<Redirect to='news'/>
);The return statement will redirect to localhost:3000/news
In Webstorm, start your application. I prefer the command line:$ npm start
Then create a new JavaScript debug configuration:
Run – Edit configurations … add JavaScript Debug.
Choose your project path (because we are Harder IT Consulting, our nickname is HIT – C:\HIT\<application>)
Paste the URL http://localhost:3000 (or the URL you have configured your React Application to run on, 3000 is the default).
In the Terminal, type $npm start
When the application is started, start the Debugging:
Press the DEBUG button at the top right corner with your Debug configuration selected.
Do not forget the React Devtools which come in quite handy. They exist for Chrome, Firefox and Edge. Chrome is https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
Taken from our Archives: https://harderconsulting.blogspot.com/2019/08/how-to-make-virtualbox-available-on.html
Sometimes fate forces us to work with Windows.
Because Linux is so good, we get a VirtualBox to emulate it.
How can we access a webapplication via localhost:8080 from the Windows machine inside of a Webbrowser?
VirtualBox Manager -> VM-Tools -> Settings -> Network -> Port Forwarding
Name: http8080
Protocol: TCP
HostIP: empty
Host-Port: 8080
Guest-IP: empty
Guest-Port: 8080
Name: ssh
Protocol: TCP
HostIP: 127.0.0.1
Host-Port: 2222
Guest-IP: empty
Guest-Port: 22
//use lodash e.g. in React, do: import _ from "lodash";
if (_.isMatch(myValue, 'OK')) {React won’t allow you to return more than one element in the return statement.
Solution is to wrap it.
You can use an empty element.
This is called a fragment:
function App() {
return (
<> //...the empty element
<MyComponent />
<input type="my text">
<button>My Button</button>
</>
)
}