React Native Wanted

Slimline

Active member
  • Feb 7, 2018
    157
    45
    28
    Colombo
    React Native දන්න අය ඉන්නවද? පාට් ටයිම් එකක් තියනව කියන්නෙ පස්සෙ ඕන නම් ෆුල් ටයිම් උනත් පුලුවන් වෙයි. PM
     

    ackasanka

    Active member
  • Sep 10, 2007
    127
    54
    28
    Contact me for any of these...

    Mobile
    React Native
    Flutter
    Ionic
    Framwork7
    Native Android
    Dart


    Other
    Rest API
    Web Development/ Sever Side Development
    Java
    Php
    Hibernate
    Spring MVC
    Spring Boot
    Javascript
    CodeIgniter Web Framework
    High-chart & other chart frameworks
    Easyui framework
    Bootstrap 3 & 4
    JQuery and related plugins
    W3CSS framework
    Jersey
    Servlets Development
    Firebase and cloud technologies
    UX & UI design using XD, Sketch
    RPGILE
    CL Programming
     
    Last edited:

    Edward Kenway

    Well-known member
  • Jan 8, 2015
    12,350
    13,952
    113
    Contact me for any of these...

    Mobile
    React Native
    Flutter
    Ionic
    Framwork7
    Native Android
    Dart


    Other
    Rest API
    Web Development/ Sever Side Development
    Java
    Php
    Hibernate
    Spring MVC
    Spring Boot
    Javascript
    CodeIgniter Web Framework
    High-chart & other chart frameworks
    Easyui framework
    Bootstrap 3 & 4
    JQuery and related plugins
    W3CSS framework
    Jersey
    Servlets Development
    Firebase and cloud technologies
    UX & UI design using XD, Sketch
    RPGILE
    CL Programming


    උඹ ඇවිදින IT Company එකක්නේ බං :rofl:
     

    beam_tech

    Well-known member
  • Oct 13, 2017
    7,914
    14,315
    113
    වැලිවේරිය
    Contact me for any of these...

    Mobile
    React Native
    Flutter
    Ionic
    Framwork7
    Native Android
    Dart


    Other
    Rest API
    Web Development/ Sever Side Development
    Java
    Php
    Hibernate
    Spring MVC
    Spring Boot
    Javascript
    CodeIgniter Web Framework
    High-chart & other chart frameworks
    Easyui framework
    Bootstrap 3 & 4
    JQuery and related plugins
    W3CSS framework
    Jersey
    Servlets Development
    Firebase and cloud technologies
    UX & UI design using XD, Sketch
    RPGILE
    CL Programming
    Danaganna ahanne kohomada me hama ekkma igena gatte
     

    ackasanka

    Active member
  • Sep 10, 2007
    127
    54
    28
    Sirawata.. are you doing all these technologies alone or with a team?

    I am doing Software Engineering since past 12 years, and I am working in SDB Bank IT, and I had the chance to implements lots of systems and things inside bank using these , also my hobby is Software engineering , I spent most of my times coding.. Can't stop ban sometime i feel i am having sick.
     

    Slimline

    Active member
  • Feb 7, 2018
    157
    45
    28
    Colombo
    Ela keep it up. You are having a very good sickness. :)

    My contact had converted current react native requirement to ionic due to lack of developers. Will let you know on the next one.

    (Originally posted this requirement on April)
     
    • Like
    Reactions: ackasanka

    ackasanka

    Active member
  • Sep 10, 2007
    127
    54
    28
    Danaganna ahanne kohomada me hama ekkma igena gatte

    Since you asked I will tell you this, you only need likeness to code, and you only need to start with one language (my suggestion go fo PHP first) then use it into a project (for this i helped lots of University students by doing there projects free, also posting in software forums like this elakiri). After you learn that, you can learn anything.

    Don't use any IDEs while you learning, I used and still using Notepad++ only, only for Android I use Android studio, all other time I used VScode and Notepad++.

    Because i am say to use Notpad++, because then you will remember the code, means you have to write thing without getting support form IDEs. After you mature then you can go for IDEs. But believe me still i am using Notepad++ for my most projects.



    Next is spend time here

    Start with this Udacity - Run by Google
    Next go to these

    Udemy
    W3schools
    Tutorialspoint

    If you need any information or courses of Udemy then let me know, I am love to help who like to code
     
    Last edited:

    beam_tech

    Well-known member
  • Oct 13, 2017
    7,914
    14,315
    113
    වැලිවේරිය
    Since you asked I will tell you this, you only need likeness to code, and you only need to start with one language (my suggestion go fo PHP first) then use it into a project (for this i helped lots of University students by doing there projects free, also posting in software forums like this elakiri). After you learn that, you can learn anything.

    Don't use any IDEs while you learning, I used and still using Notepad++ only, only for Android I use Android studio, all other time I used VScode and Notepad++.

    Because i am say to use Notpad++, because then you will remember the code, means you have to write thing without getting support form IDEs. After you mature then you can go for IDEs. But believe me still i am using Notepad++ for my most projects.



    Next is spend time here

    Start with this Udacity - Run by Google
    Next go to these

    Udemy
    W3schools
    Tutorialspoint

    If you need any information or courses of Udemy then let me know, I am love to help who like to code
    TFS very helpful & inspired💯💯
     
    • Like
    Reactions: ackasanka

    ackasanka

    Active member
  • Sep 10, 2007
    127
    54
    28
    thanks ayya...
    I've heard about flutter.. I will give it a try..

    Can you give me some pointer about how to go about it..
    I don't have a CS background. For the past 4 months I've studied web development.
    MERN Stack to be specific.
    And now I am getting stuck in the NOTORIOUS TUTORIAL HELL..
    I am doing tutorial after tutorial after tutorial.
    Although I have a decent understanding of how things work, And how all the parts fit together ,
    ie: JS, REACT, NODE
    I still don't have a clue about what are clients expecting when it comes to freelancing.
    ayya if you got the time,
    Can you give me some pointers about what to do.

    Even though post me this in message, I thought to give the answers here, because some else also get benefit form this.

    So, here is the thing, Flutter is all about how you structure things, you don't need much complex CSS things

    Please follow these steps, afterword tell me what is your out put ok


    Steps:

    01. Flutter is all about rows and columns, since you have web development experience then as i said in this thread at the first you have to learn how to map components in each langues with other langues. For example to understand row and column concept you juts refer this W3.css

    This is the best framework anyone can master css skills, most of people go for bootstrap, but just use this and you will see how easy bootstrap afterwards

    In here you can see each screen consist of 12 columns - this is the key concept here

    In W3css they refer column as

    w3-col m6 - this means if you put a class into a div element then it will have 6 column occupied in the total screen (means 50%). Here m means medium size screens ok

    <div class="w3-col m6">
    <p>6 columns on a medium screen</p>
    </div>

    If you put like this it means 6 columns on a small screen.

    <div class="w3-col s6">
    <p>6 columns on a small screen.</p>
    </div>

    Read the docs for more...


    So next , the row is a row means if you want one row with two columns each has width of 50% on screens then you have to do like this

    <div class="w3-row">
    <div class="w3-col m6">
    <p>6 columns on medium screen</p>
    </div>
    <div class="w3-col m6">
    <p>6 columns on medium screen</p>
    </div>
    </div>

    roe.PNG


    So if you understand this concept, then next step is map this with Flutter,

    02. For that read the Rows, Columns and Container section in this documents. Remember all about Rows & Columns

    frow.PNG


    fcol.PNG


    So, how to understand a complex screen, just simple, think all as Rows & Columns like this

    fcomplrx.png



    fcom2.png





    Row&Colums <---Read more





    03. Next just view these entire YouTube playlist , each one has 1 min videos and this explain everything to you

    Flutter Widgets

    04. After that, you need to look into here, here they tell how you map your CSS knowledge into Flutter widgets

    WebToFlutterMapping


    05. After all these if you really like to learn more then go for here, these are the best resource available to learn

    First : Udacity Flutter - this is free watch this first
    Second: Udemy Flutter - this is paid but worth for your money

    So this is the way you have to learn, you have to understand how to map your existing languages knowledge into another languages.

    Enjoy learning..and post your first app here after trying these in Flutter
     
    Last edited:

    Slimline

    Active member
  • Feb 7, 2018
    157
    45
    28
    Colombo
    Even though post me this in message, I thought to give the answers here, because some else also get benefit form this.

    So, here is the thing, Flutter is all about how you structure things, you don't need much complex CSS things

    Please follow these steps, afterword tell me what is your out put ok


    Steps:

    01. Flutter is all about rows and columns, since you have web development experience then as i said in this thread at the first you have to learn how to map components in each langues with other langues. For example to understand row and column concept you juts refer this W3.css

    This is the best framework anyone can master css skills, most of people go for bootstrap, but just use this and you will see how easy bootstrap afterwards

    In here you can see each screen consist of 12 columns - this is the key concept here

    In W3css they refer column as

    w3-col m6 - this means if you put a class into a div element then it will have 6 column occupied in the total screen (means 50%). Here m means medium size screens ok

    <div class="w3-col m6">
    <p>6 columns on a medium screen</p>
    </div>

    If you put like this it means 6 columns on a small screen.

    <div class="w3-col s6">
    <p>6 columns on a small screen.</p>
    </div>

    Read the docs for more...


    So next , the row is a row means if you want one row with two columns each has width of 50% on screens then you have to do like this

    <div class="w3-row">
    <div class="w3-col m6">
    <p>6 columns on medium screen</p>
    </div>
    <div class="w3-col m6">
    <p>6 columns on medium screen</p>
    </div>
    </div>

    View attachment 83431

    So if you understand this concept, then next step is map this with Flutter,

    02. For that read the Rows, Columns and Container section in this documents. Remember all about Rows & Columns

    View attachment 83432

    View attachment 83433

    So, how to understand a complex screen, just simple, think all as Rows & Columns like this

    View attachment 83434


    View attachment 83435




    Row&Colums <---Read more





    03. Next just view these entire YouTube playlist , each one has 1 min videos and this explain everything to you

    Flutter Widgets

    04. After that, you need to look into here, here they tell how you map your CSS knowledge into Flutter widgets

    WebToFlutterMapping


    05. After all these if you really like to learn more then go for here, these are the best resource available to learn

    First : Udacity Flutter - this is free watch this first
    Second: Udemy Flutter - this is paid but worth for your money

    So this is the way you have to learn, you have to understand how to map your existing languages knowledge into another languages.

    Enjoy learning..and post your first app here after trying these in Flutter

    One hell of an explanation. Thank you.
     
    • Like
    Reactions: ackasanka

    ackasanka

    Active member
  • Sep 10, 2007
    127
    54
    28
    If

    Flutter is god like framework but it also has some flaws specially with performance

    May be you use it wrong way, because this happens if you're not using proper state management methods, because if you don't entrie widgets tree will rebuild. So it is nt recommended to use SetState in projects.

    Just try Provider state management or Block pattern and see how the performance

    And also if you use high resolution images then also app will be lagging, this is also very common with Native Android, to avoid that you have to youe image compression methods in thw app,

    Performance of Frameworks

    Screenshot_20200628-233440_Chrome.jpg


    But these are very high levels concepts and as a beginner these will nt relevent at this moment. Because it is like teaching Algorithms for a kindergarten student, we have to go step by step by understanding the basic then it will easy to grab complex things

    Anyway thanks for highlighting these here

    Asanka
     

    ackasanka

    Active member
  • Sep 10, 2007
    127
    54
    28
    else{
    BestSolution.mobileDevelopment?
    }

    Native Android and IOS will be the best solutions for Mobile application development, but it comes with deep learning curve and have to learn Java,Kotlin and Swift.

    If you go with Native Hybrid like Flutter or React Native then you have to learn only dart, which is similar to java and for reactnative it is javascript in ES7. But React Native again has some learning curve but Flutter it is easy to grab specially who comes from web development

    Asanka
     
    • Like
    Reactions: johnferna678