Announcing “Advanced React.js Online” – componentDidBlog

  • I can barely believe it, but over the last 27 months, Michael Jackson and I have taught React.js to over 3,500 developers at 91 workshops in eight different countries (Oh, and one prison cell in the UK, but I digress…)In that time we’ve learned a lot about React as library authors, product developers, and teachers.We’re the authors of React Router.
  • That kind of usage has exposed us to the needs of all sorts of applications, pushing us to find simpler ways to be composable as library authors.Meeting 3,500 people (and more at the meet ups we regularly attend in our travels) has put a lot of code in front of us, and even more conversations about code.
  • It’s been fun learning the unique needs of all these people and figuring out ways to make their code better as product developers.Teaching React to thousands has helped us identify parts that some folks initially struggle with.
  • This helps us refine our material one workshop at a time, making us much better teachers.We’re happy to announce that we’re bringing all of that experience to you in our very first online course: Advanced React.js.
  • We’ve taken the most popular parts of our workshops and put them into the course.

Ninety-one. I can barely believe it, but over the last 27 months, Michael Jackson and I have taught React.js to over 3,500 developers at 91 workshops in eight different countries (Oh, and one prison…
Continue reading “Announcing “Advanced React.js Online” – componentDidBlog”

Refactoring React with Tests

  • As you work on a React application it’s highly likely that you’ll encounter components that have grown over time.
  • This can lead to complex methods and code that’s hard to follow.
  • In this video you’ll see how to spot components that need some work doing, how we test these components, and how we use the tests to guide us, splitting one component into two much more straightforward ones.
  • PS: it’s definitely worth making the video fullscreen or viewing on Youtube so you can see things more clearly.
  • If you’d like to play with this code, you can find the repository on GitHub, and feel free to raise any questions via GitHub issues on that repository.

As you work on a React application it’s highly likely that you’ll encounter components that have grown over time. They may have started with just one particular use case in mind, but will have been added to since. This can lead to complex render methods and code that’s hard to follow.
Continue reading “Refactoring React with Tests”

React Native Monthly #1

  • That’s why we decided to organize a monthly meeting where all major React Native contributors can briefly present what their efforts and plans are.
  • The mission for React Native Monthly is simple and straightforward: improve the React Native community.
  • On the first meeting, we had 8 teams join us:

    We hope to have more core contributors join the upcoming sessions!

  • As teams’ plans might be of interest to a broader audience, we’ll be sharing them here, on the React Native blog.
  • As we just started with this meeting, we’d like to know how do these notes benefit the React Native community.

At Shoutem, we’ve been fortunate enough to work with React Native from its very beginnings. We decided we wanted to be part of the amazing community from day one. Soon enough, we realized it’s almost impossible to keep up with the pace the community was growing and improving. That’s why we decided to organize a monthly meeting where all major React Native contributors can briefly present what their efforts and plans are.
Continue reading “React Native Monthly #1”

All the Arrows point to REACT.js – Brad Hankee – Medium

All the Arrows point to REACT.js  #react #es6 #javascript #reactjs

  • After three tutorials and falling down a number of rabbit holes my brain feels numb by dinner and feels strangely ready to get back at it while the morning coffee is brewing the next day.Not only is React great but I feel like I am simultaneously becoming more proficient at HTML, CSS and JavaScript.
  • It is also solving many puzzles for me like some ES6 syntax I have been sighing at for the past few weeks not knowing what is was.Ok, to explain the idea behind the picture I think I now understand, and maybe even like, arrow functions.
  • The arrow function doesn’t just make for more concise and cleaner code but it actually has a major impact on React with the ‘this’ word.When using ‘this’ in a function it takes on that function’s scope.
  • The great thing about making that same function with the arrow syntax is now that same ‘this’ will now use the scope outside of that function.
  • The reason why I focused so much on React this week is because it’s both enjoyable and easy to see what’s going on.

This week has been great! Eating steak, buying a 28″ monitor, grass seed is actually growing and 40 hours of learning React.js. After three tutorials and falling down a number of rabbit holes my…
Continue reading “All the Arrows point to REACT.js – Brad Hankee – Medium”

A history of JavaScript across the stack

A history of JavaScript across the stack:  #ReactJS #Angular #VueJS

  • Gmail was the first popular web application that really showed off what was possible with client-side JavaScript.
  • Today, Gmail is the classic example of a single-page JavaScript app; it can respond immediately to user interactions and no longer needs to make roundtrips to the server just to render a new page.
  • Ajax described a set of technologies, of which JavaScript was the backbone, used to create web applications where data can be loaded in the background, avoiding the need for full page refreshes.
  • The revised architecture renders the initial pages on the server, but asynchronously bootstraps a new modular JavaScript application to provide the fully-featured interactive experience their users expect.
  • The user’s browser runs no JavaScript at all until after the initial content, rendered on the server, is visible.

Did you know that JavaScript was created in 10 days? In May 1995, Brendan Eich wrote the first version of JavaScript in 10 days while working at Netscape.
Continue reading “A history of JavaScript across the stack”

Hello there! – Eduardo Martínez – Medium

Hello there!  #introduction #react #javascript #filmmaking #photography #reactjs

  • Allow me to introduce myself properly since I’m planning to write quite a lot from now on (it’s only fair).
  • My name is Eduardo Martínez, I’m a computer science major (graduated university on early 2015), a no-filmschool filmmaker, hobby to which I got into on my freshman year of university and have managed to pull off some amazing stuff with my friends and a bunch of budget gear and amateur photographer upon request.Now with the coding stuff, I got into web development on early 2014, I’ve been working with mostly front-end JavaScript libraries and frameworks since 2015 and ReactJS Redux since 2016, as work experience concerns, my first ‘real’ job was an internship at a ‘fortune 500 best companies to work for’ back in early 2015, currently I’m co-founder and front-end web developer for the costa rica based startup TriumApp (still under pre-alpha development), from my internship to my current job there has been some projects as a freelancer here and there as well as some other stuff along those lines.Steve, the mantis that showed up couple of nights ago by my bed lamp.Now, that previous paragraph was a mere formality that had to be taken out of the way, and it also looks an awful lot like a resumé, but that’s not “me”, Who am I?
  • Well, I’m the kind of guy that gets fired on his birthday/last rainy day of the season, the guy that always has that funny remark/witty comment about something, the overly optimistic (way-past-annoying kind of optimistic) guy and the guy that has always that one weird idea that works out for some reason.As a person for my whole life I have always struggled to fit wherever I went, getting into university 3 months after turning 16 wasn’t helping at all with that (go figure why), but after graduating and getting to know a lot of awesome people, friends, classmates, teachers, and the ocasional fellow bus commuters small talk, I’ve come around, and now as I had a bit of a hard time fitting in, and overall getting the help I needed while going through my academic career.
  • I have decided to use this medium (pun kind of intended) to post true “beginner and below” tutorials to get people started on JS, React, Redux, Filmmaking, Photography; as well as some life lessons and my usual non-sense along the way.I don’t aim to have a big audience, but rather to get the knowledge out and to help out those that actually need it, just like I once did, even if that’s a group smaller than my current tweets count, I’ll keep on doing it for them.I hope we can come a long way and may you find something worth reading on my posts on whatever topic.

Right now you’ve seen a very nice picture depicting me, but then again, don’t we all look good through the lens of a dslr-camera? Allow me to introduce myself properly since I’m planning to write…
Continue reading “Hello there! – Eduardo Martínez – Medium”