Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Emil
@aguyinmontreal
so, axios is not a replacement to web socket
Sweet Coding :)
@SweetCodingInc
it's not even remotely related to websockets
Lee
@LeeConnelly12
handling text input in react is needlessly complicated, i hate it
Tiago Correia
@tiagocorreiaalmeida
wait what?
I find it quite easy
and interesting
the things you can handle after having a event handler as onchange to make tons of stuff
Sweet Coding :)
@SweetCodingInc
@tiagocorreiaalmeida unless you want to trigger an api call on input change...
Tiago Correia
@tiagocorreiaalmeida
yeah that what I was trying to say sorry :\
Lee
@LeeConnelly12
I want to set the value of the textarea at the bottom to what i type into the textarea above, how would I do this?
class Content extends Component {
    constructor(props) {
        super(props);
        this.state = { value: '' };
    }

    render() {
        return (
            <section className='content'>
                <Container>
                    <Row>
                        <Col xs="12" sm="6">
                            <textarea
                                placeholder='Enter your code here'
                                className='form-control'
                                onChange={(value) => this.setState({ value })}>
                            </textarea>
                        </Col>
                        <Col xs="12" sm="6">
                            <textarea className='form-control'>
                                 // How would I update this value every time I type something into the above textarea?
                                {this.state.input} 
                            </textarea>
                        </Col>
                    </Row>
                </Container>
            </section >
        );
    }

};
Stephen James
@sjames1958gm
@LeeConnelly12 You set value in state but you use input in the bottom text area. Try {this.state.value}
Lee
@LeeConnelly12
@sjames1958gm I fixed it by setting the value attribute of textarea to this.state.value, thanks
CamperBot
@camperbot
leeconnelly12 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8936 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Stephen James
@sjames1958gm
@LeeConnelly12 :100:
Max
@Allaboutthatcode
hey everyone
Lisa Copeland
@lisacopeland
@Allaboutthatcode hey
Max
@Allaboutthatcode
anyone here?
Emil
@aguyinmontreal
hey hey hey
go ahead and ask your question
Max
@Allaboutthatcode
hi
I am having an issue with HTML, I can
t seem to change the size of the image just right.
using a css class decleration.
Ghost
@ghost~5a4a80acd73408ce4f859755
do you have a pen for it? @Allaboutthatcode
Max
@Allaboutthatcode
pen?
Ghost
@ghost~5a4a80acd73408ce4f859755
on code pen
do you have an account on https://codepen.io/
@Allaboutthatcode
Max
@Allaboutthatcode
no
Ghost
@ghost~5a4a80acd73408ce4f859755
best to make one, very useful :) @Allaboutthatcode
In the meantime you can post the code which you're having an issue with over here! @Allaboutthatcode
Max
@Allaboutthatcode
awesome. I saw you had an option to pay, not sure if it's useful to just have a free account.

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

<style>
.red-text {color: red;}
.smaller-image{width:100px}

h2 {font-family: Lobster, Monospace;}

p {font-size: 16px;
font-family: Monospace;}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src class="smaller-image" "https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

I'm having an issue with resizing the width of the image.
This is what I did so far.
Alexis Salcedo
@alexisss1928
I think you miss the ";" after 100px
Ghost
@ghost~5a4a80acd73408ce4f859755
@Allaboutthatcode very useful to have a free one if you're learning to code
Max
@Allaboutthatcode
okay, let me try that.
no dice :-/
Alexis Salcedo
@alexisss1928
<img src class="smaller-image" "https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> Here is the error
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Ghost
@ghost~5a4a80acd73408ce4f859755
does ur image display at all? @Allaboutthatcode
Max
@Allaboutthatcode
OOOOOOOOOOOOOOOOOOOOOOOOO
let me try that.
omg
that makes so much sense.
because "class" is one thing, in which you are telling it what do do, while src is the "source" and yeah.
Alexis Salcedo
@alexisss1928
Done?
Max
@Allaboutthatcode
one sec