React Native Monthly #4

  • The React Native monthly meeting continues!
  • Here are the notes from each team: – – Trying to lower the entry barrier for the developers embracing React Native with the following things: – – The next session is scheduled for Wednesday 10, October 2017.
  • As this was only our fourth meeting, we’d like to know how do these notes benefit the React Native community.
  • Feel free to ping me on Twitter if you have any suggestion on how we should improve the output of the meeting.

The next session is scheduled for Wednesday 10, October 2017. As this was only our fourth meeting, we’d like to know how do these notes benefit the React Native community. Feel free to ping me on Twitter if you have any suggestion on how we should improve the output of the meeting.
Continue reading “React Native Monthly #4”

Voyage-2 Prep — Overview of what you need to know – Chingu – Medium

Voyage-2 Prep — Overview of what you need to know  #react #chingu #git #javascript #reactjs

  • Review our standards and practices so that you can be familiar with important topics like milestones, the Elon-Musk-bot, communication guidelines and how NOT to make your team-mates angry.Table of ContentsWhy the Chingu Voyage cohort exists [1 min]Schedule [1 min]Standards + The Builder’s Pledge [3 min]Essential skills to learn before you start [10–200 min]The Build-2-Learn Project Roadmap (Acts+Milestones) [1 min]Why the Chingu-Voyage cohort existsThe Chingu-Voyage cohort exists to give motivated learners a community, environment and challenge to accelerate their skills, be accountable, as well as an opportunity to gain experience in a remote dev team.Why is this important?There are more people learning to code (and competing for jobs) than ever before.
  • Put simply: the Voyage cohort is where people build projects.Voyage-2’s ScheduleSeptember 15 — Prep Packet goes outSeptember 21 — Voyage-2 StartsSeptember 24 — Teams launchOctober 3 — Act 1 finished due-dateOctober 10–15 — Sprint 1 due-dateSprints will continue until the project is finished.November 10 — Showcase for finished MVPsSome projects may take more time to complete.
  • Those practices (seen below) are now our standards.All members are expected to do a check-in twice a week (NEW TO VOYAGE-2)The check-in style we encourage is:What I did in the last few days?What I’m working on in the next few days?Is there anything blocking my path?I can’t stress enough how important consistent communication is for remote dev projects.
  • For anyone new to a Chingu B2L project, this will probably be the biggest skill you learn (regardless of what your team builds).
  • The Build-2-Learn Project Roadmap (Acts+Milestones)In Voyage-2, each Build-to-Learn project will have 3 Acts and each act with have 5–10 milestones for the team to complete before they can get to the next act.Act 1 — Project SetupAct 2 — Code sprints (repeat until MVP)Act 3 — Closure+ShowcaseACT 1 = Start button, ACT 2 = the circle, ACT 3 = the mountain-topNote: when the cohort launches you’ll get a document that shows in detail what each milestone is, including any resources we have for that milestone, any examples of the milestone from former teams and due dates for each Act.That’s it, you’re all set!Have fun preparing for the Voyage-2 cohort!

Review our standards and practices so that you can be familiar with important topics like milestones, the Elon-Musk-bot, communication guidelines and how NOT to make your team-mates angry. The Chingu…
Continue reading “Voyage-2 Prep — Overview of what you need to know – Chingu – Medium”

Today I added a @reactjs music player to R1D57 #100DaysOfCode 😬 IT WAS A TOUGH ONE 😬

Today I added a @reactjs music player to  R1D57 #100DaysOfCode 😬 IT WAS A TOUGH ONE 😬

  • People practising an unconventional lifestyle, living with lightsome and unwaried optimism; careless about social norms, cheerful.
  • Outlawed highwaymen in the 18-19th century; later legendary figures in the public mind, fighting for social justice; today young striplings, taking their own way.

Sample
Continue reading “Today I added a @reactjs music player to R1D57 #100DaysOfCode 😬 IT WAS A TOUGH ONE 😬”

front end developer [react and rails a +]

  • Are you an Engineer looking to revolutionize the way people innovate and build software?
  • Do you want to create something that will change the way people think about innovation, and work with cutting-edge visualization, collaboration, and social ideation technologies at the same time?
  • was founded by a proven team of Silicon Valley veterans whose last two businesses were acquired by well-known public companies.
  • to link their brilliant strategy to their team’s work and create visual roadmaps.
  • If you have the right background, we will quickly follow up with you.

As a Front End Developer at Aha!, you will have an excellent opportunity to join a breakthrough and profitable company that is growing fast.
Continue reading “front end developer [react and rails a +]”

Refs in React : All you need to know ! – Hacker Noon

Refs in React : All you need to know !



#reactJS #javascript #developer

  • borrowed from evening while looking into a popular react library, I came across ‘refs’ and even knowing it how it works i wasn’t quite convinced with my understanding so decided to dive more deeper into it and finally sharing my thoughts with you people.According to react docs , refs are used to get reference to a DOM(Document Object Model) node or an instance of a component in a React Application i.e. refs would return the node we are referencing .
  • But i would suggest using classes for use-case of this kind as its much better and also refs has its caveats which we would see soon.When it returns a DOM node or a component’s instance?If the ref points to a standard component (DOM node, such as input, select, div etc) then to retrieve the element; you just need to call this.refs.ref.If the ref points to a composite component (a custom component you have created yourself) you need to use the new ReactDOM module like so is the ref value first set ?
  • Don’t Inline refs callbacks: I used inline callbacks to show you why it is bad thing to doArrow and bind functions in a render() produce a performance hit by creating a new function on EVERY re-render.
  • It should be done something like thisAlso If the ref callback is defined as an inline function, it will get called twice during updates, first with null and then again with the DOM element.
  • ExampleReact Official DocsAs MyFunctionalComponent has no instances , above code won’t work as intended.BUT ref attribute will work inside a functional component as long as you refer to a DOM element or a class component:React Official DocsHope you now have a good understanding of refs along with it use-cases and caveats.

Last evening while looking into a popular react library, I came across ‘refs’ and even knowing it how it works i wasn’t quite convinced with my understanding so decided to dive more deeper into it…
Continue reading “Refs in React : All you need to know ! – Hacker Noon”

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”

Introduction to React Native for iOS

Curious about #React Native? Here's an introduction to get you started:  by @paradoxed

  • About this Workshop
    React Native is a JavaScript library that lets you build mobile apps for iOS or Android.
  • It uses the same design as React, letting you compose a rich mobile UI from declarative components following the principle “Learn once, write anywhere”.

React Native is a JavaScript library that lets you build mobile apps for iOS or Android. It uses the same design as React, letting you compose a rich mobile UI from declarative components following the principle “Learn once, write anywhere”.
Continue reading “Introduction to React Native for iOS”