These are chat archives for FreeCodeCamp/HelpFrontEnd

8th
Jun 2018
Nate Mallison
@NJM8
Jun 08 2018 01:31
@Kingwindie Try logging all children of body after some scrolling, I think maybe your onscroll function is adding multiple buttons, probably a lot of them. If that is the case in before appendChild check if it exists already and skip it
why i can't edit the numbers ?
after clicked these buttons
Christopher McCormack
@cmccormack
Jun 08 2018 01:54
@roxxlen your class is named timing, not timer. You also have an extra ) in startBreak
roxxlen
@roxxlen
Jun 08 2018 02:08
@cmccormack clicking the buttons in the timing class didn't work
Christopher McCormack
@cmccormack
Jun 08 2018 02:09
@roxxlen your class is named timing, not timer - check your jQuery selectors for those buttons
@roxxlen I've made it work by making the small changes I mentioned above
roxxlen
@roxxlen
Jun 08 2018 02:16
@cmccormack got it
Christopher McCormack
@cmccormack
Jun 08 2018 02:17
@roxxlen :thumbsup:
Brad
@bradtaniguchi
Jun 08 2018 02:53
Its time.... to go back to FCC
abraham anak agung
@padunk
Jun 08 2018 03:12
@bradtaniguchi yeah me too, they have tons of new challenges in prep for interview section
Brad
@bradtaniguchi
Jun 08 2018 03:22
I'm going from the bottom up, skipping all the HTML stuff tho hehe
Going to jump into the ES6 section haha
roxxlen
@roxxlen
Jun 08 2018 03:23
what...
got a running problem
roxxlen
@roxxlen
Jun 08 2018 03:57
Fixed
Ali Bulut
@ali27001
Jun 08 2018 06:51
@ali27001 The OS controls this, it's hard to override with CSS. You may want to try some suggestions here: https://stackoverflow.com/questions/11185906/select-box-arrow-style/11186039 I did not try. I do not think the problem is just CSS. I use Cordova, it may be affecting. I work in the browser but I do not have an app
Ali Bulut
@ali27001
Jun 08 2018 08:02
image.png
it looks like this
Gomolemo Matsunyane
@Gomolemo-Matsunyane
Jun 08 2018 09:28
image.png
please help
abraham anak agung
@padunk
Jun 08 2018 09:31
@Gomolemo-Matsunyane you need both header in header and footer in footer
header header
advert content
footer footer
Gomolemo Matsunyane
@Gomolemo-Matsunyane
Jun 08 2018 09:34
@padunk thanks mate
Nitin
@thenm
Jun 08 2018 12:50
I am trying to push an array1 element in chunk of 4 elements into another array2. How do I push the remaining element of array1 ?
Charlie Waite
@charliearlie
Jun 08 2018 13:05
Are you saying you want to copy the elements from array1 to array2?
include*engine
@newtothat
Jun 08 2018 14:40
&#60!-- new comment in html?? --&#62
why it isnt accepting <!-- -->
in here
Charlie Waite
@charliearlie
Jun 08 2018 14:45
I'm not entirely sure what you're asking
@newtothat
include*engine
@newtothat
Jun 08 2018 14:45

&#60!--

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
--&#62

im trying to comment google font lobster
it doesnt accept <!-- html comment -->
so it says put enstead &#60!-- comment? --&#62
h2 {
font-family: Lobster, monospcae;
}
this is the other challenge in there
so when you comment lobster it should use monospace instead
Charlie Waite
@charliearlie
Jun 08 2018 14:48
I think the description is wrong in that one. It's asking you to use HTML comments for CSS
Ahh, I read it properly.
You only need to comment out the <link @newtothat
include*engine
@newtothat
Jun 08 2018 14:50
but in css we use multiline comment like / like that?/
Charlie Waite
@charliearlie
Jun 08 2018 14:50
<!-- <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> -->
That's what you need to do. Top line
include*engine
@newtothat
Jun 08 2018 14:50
thats what i did actually ut it still keep sayying me
// running test
Your h2 element should degrade to the font monospace when Lobster is not available.
// tests completed
Charlie Waite
@charliearlie
Jun 08 2018 14:51
image.png
Did you add
h2 {
    font-family: Lobster, monospace
}
?
include*engine
@newtothat
Jun 08 2018 14:54
example.png
Charlie Waite
@charliearlie
Jun 08 2018 14:56
monospace is spelt wrong
include*engine
@newtothat
Jun 08 2018 14:57
case sensitive?
Charlie Waite
@charliearlie
Jun 08 2018 14:57
No, you have written monospcae
include*engine
@newtothat
Jun 08 2018 14:58
ohhh typos
thanks @charliearlie
Charlie Waite
@charliearlie
Jun 08 2018 14:58
no problem
zootechdrum
@zootechdrum
Jun 08 2018 15:13
hey guys
how do i make a collapsible navbar?
 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
   <span class="navbar-toggler-icon"></span>
 </button>

  <ul class="nav justify-content-center"> 
    <li class="nav-item">
      <a class="nav-link active" href="#">HOME</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">HIGHER PRIMATE</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">JRE PODCAST</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">TOUR</a>
    </li>
  </ul>
</div>

The reason for the closing div was for the follwoing code

<div class="collapse navbar-collapse" id="collapsibleNavbar">

if i insert it above the ul element the navbar seems to disappear
.

Gulsvi
@gulsvi
Jun 08 2018 16:14

@zootechdrum You will need to wrap your <div></div> in a <nav> element:

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
  <span class="navbar-toggler-icon"></span> 
</button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="nav justify-content-center"> 
      <li class="nav-item"> <a class="nav-link active" href="#">HOME</a> </li>
      <li class="nav-item"> <a class="nav-link" href="#">HIGHER PRIMATE</a> </li>
      <li class="nav-item"> <a class="nav-link" href="#">JRE PODCAST</a> </li>
      <li class="nav-item"> <a class="nav-link" href="#">TOUR</a> </li>
    </ul>
  </div>
</nav>

You also seem to be missing some classes on your <ul> element - compare your code to the sample code here: https://getbootstrap.com/docs/4.1/components/navbar/#toggler

include*engine
@newtothat
Jun 08 2018 18:06
i still can't use git and github
I wish Quincy Larson made a tutorial and added it to fcc learning from him is easy with explanations
do you know guys any tutorials that teaches enough for a web developer
Gulsvi
@gulsvi
Jun 08 2018 18:10
@newtothat What are you struggling with specifically? There are lots of tutorials out there, but lots of features, so a recommendation depends on what your specific need is.
Brad
@bradtaniguchi
Jun 08 2018 18:10
@newtothat are you asking for a tutorial that teaches you how to be a web developer? Sounds too generic
^
include*engine
@newtothat
Jun 08 2018 18:11
no
i am asking a git and github that is probably video tutorial
i can't use them but as i see a lot of people can learn coding from there too r??ight
Gulsvi
@gulsvi
Jun 08 2018 18:13
@newtothat asking for a "git and github" tutorial is kind of like asking for a Windows Tutorial. Where do you need to start?
There are LOTS of features - and all of them may have their own tutorial
Charlie Waite
@charliearlie
Jun 08 2018 18:13
@newtothat a few of the new devs at work found this useful https://try.github.io/
beginner stuff
include*engine
@newtothat
Jun 08 2018 18:14
@gulsvi is it that simple ?like windows ?
Gulsvi
@gulsvi
Jun 08 2018 18:15
@newtothat Yeah, it's that simple. If you think learning Windows with no prior experience is simple.
With that said, I found these guides to be useful: https://guides.github.com/
include*engine
@newtothat
Jun 08 2018 18:17
thanks @gulsvi and @charliearlie
Abhi
@abhishek737
Jun 08 2018 18:21
How to define array of object model using typescript, I have tried something like this
```export class Name { fullname: string, age:number}[]
Brad
@bradtaniguchi
Jun 08 2018 18:23
@abhishek737 Your defining a class there, which is a Javascript thing, not typescript
If you have an array of those classes, youd specify it with
const myNames: Name[] = [new Name()]
the new name is just an example, it could be an empty array
const myNames: Name[] = []
include*engine
@newtothat
Jun 08 2018 18:24
I like the new version of fcc but I cant find something like they had video tutorials as well
do you know where I can find those tutorials?
Abhi
@abhishek737
Jun 08 2018 18:26
@bradtaniguchi I have tried something like that, but I was not able to export that array, I think I M doing some silly mistake.
I think all their videos are hosted under the FCC account on Youtube, so you could also search there: https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ
include*engine
@newtothat
Jun 08 2018 18:32
thanks a lot @gulsvi they are really usefull links
Brad
@bradtaniguchi
Jun 08 2018 18:33
@abhishek737 Your not suppose to export the array like that, thats how you create your own from the class you export
markclynch
@markclynch
Jun 08 2018 20:36
import React, { Component } from 'react';
import './index.css';
import './App.css';


class App extends Component {
  state = {
      elements: [{
        id: 1,
        name: 'Greenhouse-1',
        temp: 78,
        humidity: 50,
        light: 4,
        soil: 30
      },
      {
        id: 2,
        name: 'Greenhouse-2',
        temp: 78,
        humidity: 50,
        light: 4,
        soil: 100
      },
      {
        id: 3,
        name: 'Greenhouse-3',
        temp: 78,
        humidity: 50,
        light: 4,
        soil: 78
      },
      {
        id: 4,
        name: 'Greenhouse-4',
        temp: 78,
        humidity: 50,
        light: 4,
        soil: 23
      },
      {
        id: 5,
        name: 'Greenhouse-5',
        temp: 78,
        humidity: 50,
        light: 4,
        soil: 44
      },
      {
        id: 6,
        name: 'Greenhouse-6',
        temp: 78,
        humidity: 50,
        light: 4,
        soil: 60
      }],
    };




  render() {
    const { elements } = this.state;
    return (
      <div className="App">
      {elements.map(element =>
        <Greenhouse
        key={element.id}
        name={element.name}
        temp={element.temp}
        humidity={element.humidity}
        light={element.light}
        soil={element.soil}
        doSomething={element.doSomething}
        />
      )}
      </div>
    );
  }
}

export default App;

const Greenhouse = ({ id, name, temp, humidity, light, soil }) => {
  const doSomething = () => console.log(`hello ${name}`);
  const investigate = () => console.log(`You clicked ${name}!!!`);
  return (
  <div className="greenhouse" onClick={ doSomething }>
    <div className="wrapper">
      <button className="btn name" onClick={ investigate }>{name}</button>
      <button className="btn temp">Temp: {temp}</button>
      <button className="btn humidity">Hum: {humidity}</button>
      <button className="btn light">Light: {light}</button>
      <button className="btn soil">Moisture: {soil}</button>
    </div>
  </div>
  );
};
I'm trying to do 2 things here. I want an increment +1 onClick TEMP button that does a +1 to state.temp. Once that's working I want to add a new state called Danger Level that will change div backgroundColor depending on the range of Temperature it's in. Blue for all good (<=80), Yellow > 80, Red >90. I'm new to React and I'm thinking I need to redefine the Greenhouse as a class so that I can pass the state.id to each of these divs to be independent??? Or am I way off here?
I mean I guess the states are already passed, but I can't seem to make any changes to them in the increment function (that I tried - moved back to last stable version)
Also having problems because when I click btn.name investigate() it's also firing the doSomething() and not sure how to avoid this.
Brad
@bradtaniguchi
Jun 08 2018 20:40
holy code batman
markclynch
@markclynch
Jun 08 2018 20:42
@bradtaniguchi I can't get it to work on codepen anymore. keeps telling me invalid token
Brad
@bradtaniguchi
Jun 08 2018 20:44
You could put the code into a gist file, so it doesn't spam the chat
Moisés Man
@moigithub
Jun 08 2018 20:46
Brad
@bradtaniguchi
Jun 08 2018 20:46
Yea, cuts down on how big the message can get
I would checkout stackblitz too, that stuff is magic :D
markclynch
@markclynch
Jun 08 2018 20:47
Gotcha, okay, so now that I've received my ettiquitte lesson :) anyone can help a bit?
Corey Lewis
@cursiv3
Jun 08 2018 20:47
@markclynch you're getting that token error because you start is an undeclared variable
sindat
@sindat
Jun 08 2018 20:47
Hey guys general question here concerning the FCC update - for obtainment of the certificate I need to complete all the newly added courses and projects right?
Corey Lewis
@cursiv3
Jun 08 2018 20:47
state*
state = { .... } should be let state = { ... } or var, const, etc
err whoops that's react
markclynch
@markclynch
Jun 08 2018 20:49
Yeah, it's React
Corey Lewis
@cursiv3
Jun 08 2018 20:49
you'd need to put that object into the render() {} method
markclynch
@markclynch
Jun 08 2018 20:49
so I'm babel compiled
Corey Lewis
@cursiv3
Jun 08 2018 20:49
if you want to declare something outside of function in a react class component you need to add a constructor
render* function
markclynch
@markclynch
Jun 08 2018 20:49
isn't const Greenhouse a constructor?
@cursiv3 Feels like I'm declaring my state all over the place.
JJ Megma
@megma_jj_twitter
Jun 08 2018 20:51
this.state={}
markclynch
@markclynch
Jun 08 2018 20:52
what I have there all works fine locally.
Moisés Man
@moigithub
Jun 08 2018 20:52
u need to create methods on parent component (where u hold ur state, to change it) and pass that method down to child component
markclynch
@markclynch
Jun 08 2018 20:52
hmmm.
I thought constructor(props) {
super(props) was deprecated
Christopher McCormack
@cmccormack
Jun 08 2018 20:55
@markclynch you don't need it, your syntax is fine
markclynch
@markclynch
Jun 08 2018 20:55
@cmccormack pat self on back
@cmccormack so then to my original question, I just want a hint in the right direction.
it's below the massive black block of code above lol :)
Sort of a 3 pronged assault of a question for a bug I've been staring at for 3 hours and an implementation of an increment to temp that I've been looking at for days.
Christopher McCormack
@cmccormack
Jun 08 2018 20:56
@markclynch @moigithub was leading you in the correct direction - if you want to update state then you should be using a method in the same container as your state. You can then pass down that method as a prop to children
Moisés Man
@moigithub
Jun 08 2018 20:58
hmm ...forgot how to write components.. googling
markclynch
@markclynch
Jun 08 2018 20:58
constructor(props) {
  super(props)
  this.state = {
so I do need that now?
@moigithub I've googled lol :) sorry, I'm really bad at this.
Christopher McCormack
@cmccormack
Jun 08 2018 20:59
@markclynch check this out - I just updated it for the newer syntax
markclynch
@markclynch
Jun 08 2018 21:00
got a 404 page error
Christopher McCormack
@cmccormack
Jun 08 2018 21:00
Small app I made to show how to pass state and methods
forgot the j :)
markclynch
@markclynch
Jun 08 2018 21:00
I'm getting so confused watching tutorials from 2 years ago and then reading react documentation and then reading a book from 2016 . . . grrrr
Sorry to be such a noob
Christopher McCormack
@cmccormack
Jun 08 2018 21:00
@markclynch just read the official React documentation, it's very good
markclynch
@markclynch
Jun 08 2018 21:01
I'm reading through it now. But really just want one thing to work in my code lol.
thought I got through enough to try and fix things
@cmccormack Thanks for the codepen, I think I'll learn a lot going over it.
Christopher McCormack
@cmccormack
Jun 08 2018 21:03
@markclynch you have doSomething={element.doSomething} in your parent - but that function is declared on the child. Move your function declarations to the parent, THEN you can pass them down to the child
markclynch
@markclynch
Jun 08 2018 21:03
ah
So is that maybe why I'm always getting a doSomething call? No matter if I click the button or the div?
Christopher McCormack
@cmccormack
Jun 08 2018 21:04
@markclynch well that's because you added it to the div <div className="greenhouse" onClick={ doSomething }>
if your button is also invoking it, you can use something like
const investigate = (e) => {e.preventDefault(); console.log(`You clicked ${name}!!!`);}
or something like that
markclynch
@markclynch
Jun 08 2018 21:06
makes sense.
Christopher McCormack
@cmccormack
Jun 08 2018 21:07
I think preventDefault will prevent event bubbling but maybe someone else can chime in if I'm wrong
Brad
@bradtaniguchi
Jun 08 2018 21:07
there's also stopPropagation(), which I thought prevent event bubbling. (But I'm not expert on the topic)
markclynch
@markclynch
Jun 08 2018 21:08
preventDefault don't think will work, that's to prevent the whole page refreshing no?
in any event a copy pasta of that didn't effect the outcome.
but I haven't finished fixing the pass down.
sindat
@sindat
Jun 08 2018 21:09
Hey all, so I'm a returning camper and I've noticed a dramatic change in the curriculum structure
I've noticed that
Christopher McCormack
@cmccormack
Jun 08 2018 21:09
@markclynch that's only for submit, submit will load the page in the action I believe so preventDefault is necessary on a single page app
markclynch
@markclynch
Jun 08 2018 21:09
@cmccormack That's right!
sindat
@sindat
Jun 08 2018 21:10
Twitch and Wikipedia API projects, and local weather API
are not part of the curriculum anymore?
Christopher McCormack
@cmccormack
Jun 08 2018 21:10
@sindat many of them got moved around
sindat
@sindat
Jun 08 2018 21:10
Yeah I've noticed that bud however those seem to be gone for good :D
markclynch
@markclynch
Jun 08 2018 21:10
@cmccormack @bradtaniguchi Wow, stopPropagation() worked ;)
@sindat Some people said they lost their solutions.
sindat
@sindat
Jun 08 2018 21:11
Same, same
markclynch
@markclynch
Jun 08 2018 21:11
but haven't heard of things being just gone
Brad
@bradtaniguchi
Jun 08 2018 21:11
@markclynch alright :D
sindat
@sindat
Jun 08 2018 21:11
Solutions are gone
I'm curious how do you obtain a certificate now? Does it pop up somewhere after completing the set of 5 projects
Moisés Man
@moigithub
Jun 08 2018 21:12
took a while to do this https://stackblitz.com/edit/react-hm7kde
i guess I need a react refresh
Christopher McCormack
@cmccormack
Jun 08 2018 21:12
@sindat check your settings
markclynch
@markclynch
Jun 08 2018 21:12
@moigithub ;)
oh wow, stack blitz lets you pretty much do a live sharable VSCode :) pretty cool
sindat
@sindat
Jun 08 2018 21:14
Thanks Chris, I see it all now
markclynch
@markclynch
Jun 08 2018 21:14
@cmccormack @moigithub You guys both rock, thanks I think between the two of your examples I may actually be able to understand the first bits of react so I can move forward.
Christopher McCormack
@cmccormack
Jun 08 2018 21:15
@markclynch understanding state and how methods update state are the most important, and sometimes most difficult, parts of React
markclynch
@markclynch
Jun 08 2018 21:15
Sort of felt like I was a poor fisherman with a broken net, with the holes in my logic I could only catch a few fish a day, enough to feed myself, but not get a new net, you guys just gave me a new net and now I can catch enough fish to save some and feed my neighbors ;)
Christopher McCormack
@cmccormack
Jun 08 2018 21:16
@markclynch These guys give away some nice nets as well :) https://reactjs.org/docs/thinking-in-react.html
markclynch
@markclynch
Jun 08 2018 21:16
@cmccormack I'm 2 sections away from that. But I get frustrated and wanted to jump ahead, maybe I shouldn't have . . .
Christopher McCormack
@cmccormack
Jun 08 2018 21:17
Read the docs, slowly and meticulously. Again, they are very good
I go back fairly often and read them and I usually pick up an additional nugget or two
markclynch
@markclynch
Jun 08 2018 21:17
@cmccormack Guy at my js meetup said that's all you need to learn react really.
Christopher McCormack
@cmccormack
Jun 08 2018 21:18
a net?
markclynch
@markclynch
Jun 08 2018 21:18
that and ES6 which I'm working through with a book called becoming a javascript ninja
@cmccormack Just saying I think you guys provided me with enough tools that I can move forward and actually learn now.
maybe not a great comparison lol.
Christopher McCormack
@cmccormack
Jun 08 2018 21:18
@markclynch hah no worries
markclynch
@markclynch
Jun 08 2018 21:19
You guys didn't just fix my code 100% like some have done, you actually gave me an insight into react thought process
once someone sends me to a codepen of my code working 100% after they wrote the whole thing I can't really learn from that. lol
anyone else read Secrets of the JavaScript Ninja: John Resig
Christopher McCormack
@cmccormack
Jun 08 2018 21:20
@markclynch any time you feel frustrated try starting a mini app on codepen or stackblitz or whatever to do just that one thing you can't seem to get working
There are a few things that may not be as intuitive as you would expect as well, like form inputs
markclynch
@markclynch
Jun 08 2018 21:21
It's been pretty good so far, 2nd edition in 2016 has ES6 in it, which I was lost on, since I haven't coded since 2001 before last year going through FCC, but they didn't have ES6 in there lol
Christopher McCormack
@cmccormack
Jun 08 2018 21:21
@markclynch I usually just read every article I can on medium regarding javascript/React/functional programming/etc..., I think it's a great resource for mini articles about all these topics
markclynch
@markclynch
Jun 08 2018 21:21
Yeah, I've done a few things with form imputs, like I made a todo list etc. I'll need more work, seemed a little funky. Especially when I
Christopher McCormack
@cmccormack
Jun 08 2018 21:22
If you ever need to use ref, you probably can do it a better way, that's my advice :)
markclynch
@markclynch
Jun 08 2018 21:22
ref = reference?
Christopher McCormack
@cmccormack
Jun 08 2018 21:23
yeah React has them but you shouldn't need them
markclynch
@markclynch
Jun 08 2018 21:23
gotcha.
Christopher McCormack
@cmccormack
Jun 08 2018 21:23
I did end up having to use it on one fcc project (the Drum machine) but that's only because their testing suite wants you to build it in a fairly non-React way
markclynch
@markclynch
Jun 08 2018 21:24
I use to code in C++, JS is a weeeeeeeeee-bit different :)
barely remember any C++ now though
though likely could have gotten back into that faster lol
so many more jobs in js though
I have a technical interview soon as I can get 80 lines of code in React done :)
Christopher McCormack
@cmccormack
Jun 08 2018 21:25
wow low bar to entry!
markclynch
@markclynch
Jun 08 2018 21:25
that I've iterated on several times so I really understand it
it's for an internship
3 months at 13 an hour, learn a ton, then job offer of 55 - 75k after internship if successful
Christopher McCormack
@cmccormack
Jun 08 2018 21:26
paid?
nice!
markclynch
@markclynch
Jun 08 2018 21:26
plus stock options ;)
thus why I'm skipping steps trying to get the code part done lol
one of the founders was #6 employee at Amazon
they need many many more coders.
so I think they're willing to give me a shot
plus he liked it when I said I sucked at js. haha.
Christopher McCormack
@cmccormack
Jun 08 2018 21:27
That's great and it seems like you are driven to learn so I'm sure you'll have no problem
markclynch
@markclynch
Jun 08 2018 21:28
Walked into a js meetup and he was first guy i talked to, after I told him my story, my midlife crisis of wanting to leave finance/insurance to code he offered me an interview.
before I drank so much my IQ was 130. Not sure if it is now lol, so many years of not using my logical brain and just doing sales.
;)
I enjoy learning so much, but it's really frustrating
Christopher McCormack
@cmccormack
Jun 08 2018 21:30
@markclynch best thing you can do is to take a bug and consider it a challenge instead of a nuisance. I know some people that just get angry when they can't get something to work, and others that get excited
markclynch
@markclynch
Jun 08 2018 21:30
I do coding challenges
random websites, just visit them to start my day and get my mind working
@cmccormack Oh, you may know this, do you know of any good github's that have a bunch of entry level issues I could do some pull requests on?
Christopher McCormack
@cmccormack
Jun 08 2018 21:32
@markclynch I don't sorry
markclynch
@markclynch
Jun 08 2018 21:32
I figured it couldn't hurt to start trying to fix other peoples problems.
Christopher McCormack
@cmccormack
Jun 08 2018 21:32
Yeah it's a good idea
markclynch
@markclynch
Jun 08 2018 21:32
open sourced project work I've heard is a really good thing to have on your git
Christopher McCormack
@cmccormack
Jun 08 2018 21:32
FCC has thousands of issues if you wanted to contribute :)
markclynch
@markclynch
Jun 08 2018 21:33
Haha, yeah, I know. I started working through their ES6 courses . . .
I think I ended up losing knowledge after a few of those lol
Christopher McCormack
@cmccormack
Jun 08 2018 21:35
no good? I did mean their github page, fyi
markclynch
@markclynch
Jun 08 2018 21:35
There's really bad descriptions for the tests.
the example code is so far away from what they want you to update.
makes it all but impossible to figure out as a new person to ES6
and ES6 is something I really need work on. React = ES6
sorta
and I know you meant their github page, just a lot of the open issues are with regards to their ES6 and React courses.
Christopher McCormack
@cmccormack
Jun 08 2018 21:37
Well there you go
great to jump into!
markclynch
@markclynch
Jun 08 2018 21:38
I should get a bit more comfortable
Like I understand this line and what it's doing, but I don't understand the double arrows
changeCount = ()=>{this.setState((prev)=>({count: prev.count+1}))}
Christopher McCormack
@cmccormack
Jun 08 2018 21:39
it just means this.setState is taking a callback function
markclynch
@markclynch
Jun 08 2018 21:39
I guess it's just a callback function, or double callback?
Christopher McCormack
@cmccormack
Jun 08 2018 21:40
(prev)=>({count: prev.count+1})) setState takes a callback so you can access the previous state. This is good when another component may be trying to set the same state and there is a race condition
markclynch
@markclynch
Jun 08 2018 21:40
yup.
That's to help with imutability, or make certain it's a pure function?
markclynch
@markclynch
Jun 08 2018 21:42
ah, yes! remember that one now.
@cmccormack i'm at this one now. https://reactjs.org/docs/lifting-state-up.html
have you done any Redux before?
that's the second thing I need to get moving on after I get a little better with React.
Christopher McCormack
@cmccormack
Jun 08 2018 21:44
I've read up on it but I don't really like it all that much, too much boilerplate
I've been using React Context API a lot lately
I like it a lot
IMO it's better to understand how state works first before trying to use a tool you don't necessarily need like redux
if you understand state, learning redux/mobx/whatever later should be simple
And not just state but concepts like Higher order Components, Render Props, Function as Children, etc.. really help
markclynch
@markclynch
Jun 08 2018 21:49
Cool
Just the job interview they use Redux and they love it
Christopher McCormack
@cmccormack
Jun 08 2018 21:50
ah then I guess that would help haha
markclynch
@markclynch
Jun 08 2018 21:50
Because they're working in a very complex environment
ever heard of procore?
they're doing it for manufacturing
procore is the leader in a 4 Billion dollar industry, they're trying to do it for a 13 Billion dollar industry
procore is here as well, but they use ruby on rails
and I'm not about to add another language/library combo before I get js first, and I love the serverless node.js stuff too
Christopher McCormack
@cmccormack
Jun 08 2018 21:53
never heard of it
markclynch
@markclynch
Jun 08 2018 21:54
ruby on rails?
oh Procore
should check out their jobs listings.
They're here in Santa Barbara, CA but have offices all over the place, here locally their hiring as many developers as they can get their hands on
Christopher McCormack
@cmccormack
Jun 08 2018 21:55
Looks really nice
markclynch
@markclynch
Jun 08 2018 21:55
the one I'm going for is Ondema, pretty brand new startup
but they'll be doing similar things
just for different industries
Procore is hiring around 40 developers every 2 weeks
They hit "unicorn" billion dollar valuation in 2016
Christopher McCormack
@cmccormack
Jun 08 2018 21:57
Someone did their research!
markclynch
@markclynch
Jun 08 2018 21:57
lol
yup, I sorta need to stop working for UBER and start my next career
Uber sucks so bad as a fulltime job
miserable
have to work like 14 hours a day 5 days a week to make any "sorta" decent money
Christopher McCormack
@cmccormack
Jun 08 2018 21:58
plus wear and tear
on your soul
markclynch
@markclynch
Jun 08 2018 21:59
lol
yeah
I just got new things I had to sign stating that if I want to continue working with Lyft/Uber that I need to agree not to go into any Class action lawsuits
Christopher McCormack
@cmccormack
Jun 08 2018 22:00
That should be illegal
markclynch
@markclynch
Jun 08 2018 22:00
that just sounds super @#$% up. I mean if it's that big an issue what the heck
making me sign off on only doing binding arbitration
Christopher McCormack
@cmccormack
Jun 08 2018 22:00
actually, I think they are trying to make that illegal
markclynch
@markclynch
Jun 08 2018 22:01
California basically just had a ruling saying that basically all Uber employees were full time employees, should get benefits etc. etc.
which we are, because I can't charge what I want
Just giving someone a flex schedule doesn't make them not employees
pretty sweet for them though, Cab drivers use to make 500 a 12 hour shift in my town, they had to rent a cab from a cab company for about 60-70 per day and pay gas.
now 12 hours in uber after gas I'm lucky to get 150
before calculating wear and tear on my car
@cmccormack Can't believe it, the documentation basically in this Lifting State Up chapter has a very similar demo to what I'm trying to accomplish.
Should have read 3 more sections lol
Christopher McCormack
@cmccormack
Jun 08 2018 22:05
@markclynch yeah always finish reading first!
markclynch
@markclynch
Jun 08 2018 22:05
DOH
Dan Abrimov is like my hero :)
and you guys!
Christopher McCormack
@cmccormack
Jun 08 2018 22:09
Those guys do great work and they really care about their product
markclynch
@markclynch
Jun 08 2018 22:10
@cmccormack what part of the country do you live in?
Christopher McCormack
@cmccormack
Jun 08 2018 22:11
Arizona
markclynch
@markclynch
Jun 08 2018 22:11
oh cool
How long have you been programming, and when did you start FCC?
Christopher McCormack
@cmccormack
Jun 08 2018 22:12
Since I was a kid but mostly small scripts for simple tasks
Started FCC I think beginning of last year
markclynch
@markclynch
Jun 08 2018 22:14
sweet.
I use to write little scripts for a MUD i played, text based MMORPG
Christopher McCormack
@cmccormack
Jun 08 2018 22:15
I remember MUDs fondly :)
markclynch
@markclynch
Jun 08 2018 22:15
made my healer unbeatable, I would parse the info from the group hitpoints and target the most hurt with priorities
Duris Land of Bloodlust!
Christopher McCormack
@cmccormack
Jun 08 2018 22:17
hah sounds great. I should go play a mud again, any good ones still going?
markclynch
@markclynch
Jun 08 2018 22:17
I check once a year or so lol
about that time now
Shattered Kingdoms probably still going, it's a heavy role playing one though, but likely the best of those types.
I'd imagine Duris would still be going too.
Christopher McCormack
@cmccormack
Jun 08 2018 22:19
@markclynch nice thanks
markclynch
@markclynch
Jun 08 2018 22:21
@cmccormack Downloading Cmud as we speak ;)
Christopher McCormack
@cmccormack
Jun 08 2018 22:23
@markclynch don't get too distracted haha
markclynch
@markclynch
Jun 08 2018 22:23
oh my coding journey is done :(
Christopher McCormack
@cmccormack
Jun 08 2018 22:26
@markclynch I'm not clicking that until I get off work haha
zootechdrum
@zootechdrum
Jun 08 2018 23:17
just a quick question
on mobile my id tag seems to do nothin
but on desktop it works perfectly
here is the link to my codepen