Skip to content

Instantly share code, notes, and snippets.

View thenaveensaggam's full-sized avatar

NAVEEN SAGGAM thenaveensaggam

View GitHub Profile
React with TypeScript
---------------------
-> npx create-react-app first-app --template typescript
-> npm i bootstrap@5.3.0-alpha2
-> npm i bootstrap-icons
-> npm i @types/bootstrap
Context API (useContext())
-----------
[{
"gender": "male",
"name": {
"title": "Mr",
"first": "Aćim",
"last": "Pavić"
},
"location": {
"street": {
"number": 3458,
{
"results": [{
"gender": "female",
"name": {
"title": "Mrs",
"first": "Annelein",
"last": "Fijn"
},
"location": {
"street": {
{"results":[{"gender":"female","name":{"title":"Miss","first":"Izzie","last":"Perez"},"location":{"street":{"number":6288,"name":"The Avenue"},"city":"Stoke-on-Trent","state":"Mid Glamorgan","country":"United Kingdom","postcode":"Q18 7ZS","coordinates":{"latitude":"11.9467","longitude":"99.3244"},"timezone":{"offset":"-9:00","description":"Alaska"}},"email":"izzie.perez@example.com","login":{"uuid":"6b21adda-7953-4cbd-9ab7-d3142f654807","username":"lazysnake305","password":"prime","salt":"JuoXS1gM","md5":"744feaed075e2c6f59355ef0f660ec97","sha1":"8be3290bcb5cf6000616600203de494ecd01776d","sha256":"cfdb7bc04268e88be4369aad017572201750b9ecac741d89d6f01d2c754dae44"},"dob":{"date":"1951-04-11T05:22:33.899Z","age":71},"registered":{"date":"2007-01-02T11:12:31.593Z","age":15},"phone":"015394 45656","cell":"0758-885-620","id":{"name":"NINO","value":"BJ 26 81 39 F"},"picture":{"large":"https://randomuser.me/api/portraits/women/15.jpg","medium":"https://randomuser.me/api/portraits/med/women/15.jpg","thumbnail":"https:
{
"from": 1,
"to": 20,
"count": 10000,
"_links": {
"next": {
"href": "https://api.edamam.com/api/recipes/v2?q=chicken&app_key=85b89e3b1fcf3c97d07e59dc8167029b&_cont=CHcVQBtNNQphDmgVQntAEX4BYldtBAAGQGBEBmsbalx6BAEEUXlSVmQVYlV3VgIDQjRGBDcSY1Z3VwoARjMWCmUVZAcgBlEVLnlSVSBMPkd5BgMbUSYRVTdgMgksRlpSAAcRXTVGcV84SU4%3D&type=public&app_id=7335eece",
"title": "Next page"
}
},
[
{
"gender":"male",
"name":{
"title":"Mr",
"first":"Kaspian",
"last":"Sund"
},
"location":{
"street":{
[{"id":"456CES91697","name":"United-Guardian, Inc.","market":"NASDAQ","industry":"Package Goods/Cosmetics","sector":"Consumer Non-Durables","symbol":"UG","currency":"EUR"},
{"id":"935ZOM48435","name":"Liberty TripAdvisor Holdings, Inc.","market":"NASDAQ","industry":"EDP Services","sector":"Technology","symbol":"LTRPA","currency":"RUB"},
{"id":"357FXM80557","name":"Interpublic Group of Companies, Inc. (The)","market":"NYSE","industry":"Advertising","sector":"Technology","symbol":"IPG","currency":"CNY"},
{"id":"334RLW14767","name":"GP Investments Acquisition Corp.","market":"NASDAQ","industry":"Home Furnishings","sector":"Consumer Durables","symbol":"GPIAW","currency":"CNY"},
{"id":"205ZUR96999","name":"Global Payments Inc.","market":"NYSE","industry":"Business Services","sector":"Miscellaneous","symbol":"GPN","currency":"IDR"},
{"id":"657NWA60383","name":"Biogen Inc.","market":"NASDAQ","industry":"Biotechnology: Biological Products (No Diagnostic Substances)","sector":"Health Care","symbol":"BIIB","currency":"
[
{
"gender":"male",
"name":{
"title":"Mr",
"first":"Kaspian",
"last":"Sund"
},
"location":{
"street":{
[
{
"gender":"male",
"name":{
"title":"Mr",
"first":"Kaspian",
"last":"Sund"
},
"location":{
"street":{
[{"id":"9wUPS6rmDE0245","name":"Shutterstock, Inc.","industry":"EDP Services","market":"NYSE","marketCap":"$1.51B","symbol":"SSTK","sector":"Technology"},
{"id":"7vVXDfc3NT9545","name":"Neurocrine Biosciences, Inc.","industry":"Biotechnology: Biological Products (No Diagnostic Substances)","market":"NASDAQ","marketCap":"$3.87B","symbol":"NBIX","sector":"Health Care"},
{"id":"8nXUQbzeMQ4299","name":"Merus N.V.","industry":"Major Pharmaceuticals","market":"NASDAQ","marketCap":"$276.34M","symbol":"MRUS","sector":"Health Care"},
{"id":"4wICHz5hTI5926","name":"InterDigital, Inc.","industry":"Multi-Sector Companies","market":"NASDAQ","marketCap":"$2.76B","symbol":"IDCC","sector":"Miscellaneous"},
{"id":"5yLLLxu1EZ6507","name":"Foot Locker, Inc.","industry":"Clothing/Shoe/Accessory Stores","market":"NYSE","marketCap":"$6.83B","symbol":"FL","sector":"Consumer Services"},
{"id":"3sRWWkh6CQ7721","name":"Navios Maritime Holdings Inc.","industry":"Marine Transportation","market":"NYSE","marketCap":"$133.53M","symbol":"NM